当前位置:首页 > 建站常识 > 列表

body背景图片自适应浏览器高度

点击:时间:2017/3/31关键词:自适应高度 上海网页设计公司
如果网页内容较少,body的背景图片只占了浏览器的高度的一部分,很难看,现给body加个最小高度:body { background:#FFF url(img/bg.gif) repeat-y center top; min-heigth:min-hei

body背景图片自适应浏览器高度

如果网页内容较少,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%;  }  


预约建站
免费提供网站优化
领取关键词