body背景图片自适应浏览器高度
发布时间 | 2017/3/31 点击 | 次
如果网页内容较少,body的背景图片只占了浏览器的高度的一部分,很难看,现给body加个最小高度:
body { background:#FFF url(img/bg.gif) repeat-y center top; min-heigth:min-height:100%; height:auto !important; height:100%; }
在ie下显示很好,但在chrome上依旧不起作用,现把html的高度设为100%,一切ok了,最终代码如下:
html {height:100%; } body { background:#FFF url(img/bg.gif) repeat-y center top; min-heigth:min-height:100%; height:auto !important; height:100%; }