body中插入图片要注意的坑

今天做系统界面,一屏展示,“body”中插入背景图片遇到一个从来没遇到过的问题,背景图片设置不重复平铺的时候,图片设置相对于屏幕下定位(background-position:bottom)后,背景图不显示。

原来body默认高度是0;
设置:html{height:100%};body{height:100%}即可解决
不过,看着这样真的不爽,没有特殊需求的很不喜欢设置html和body标签的高度,突然想起来有一个css属性应该有用:
background-attachment
果然,加上“background-attachment:fixed;”问题搞定~~~

发布了5 篇原创文章 · 获赞 9 · 访问量 198

猜你喜欢

转载自blog.csdn.net/zhongguogangkou/article/details/105594260
今日推荐