1.如果想让其他部分滚定时在这个图片下边,不遮挡图片,给图片添加
z-index属性
display:block;
position: fixed;
2.这个方法之前在写一个有视觉落差的页面效果时用过,让底层图片固定不动,上面的图层滚动
background-attachment: fixed`;
3.这里顺便提一下让背景图片适应不同浏览器大小
添加属性,就可以对图片进行一个整体的拉伸
background-size: 100% auto;
本文介绍如何使用z-index、display、position属性实现图片固定显示,避免被其他元素遮挡,同时利用background-attachment和background-size属性创建视觉落差效果,使背景图片在不同浏览器尺寸下自适应。
1.如果想让其他部分滚定时在这个图片下边,不遮挡图片,给图片添加
z-index属性
display:block;
position: fixed;
2.这个方法之前在写一个有视觉落差的页面效果时用过,让底层图片固定不动,上面的图层滚动
background-attachment: fixed`;
3.这里顺便提一下让背景图片适应不同浏览器大小
添加属性,就可以对图片进行一个整体的拉伸
background-size: 100% auto;
355

被折叠的 条评论
为什么被折叠?