建站常识

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%;  
}  


相关信息