Oct
16
css样式背景色、背景图片在firefox下无法显示及错位解决办法
tommyhu , 14:07 , 大前端 » CSS3 , Comments(0) , Trackbacks(0) , Reads(14582) , Via Original
Large | Medium | Small


返现兼容IE6,IE7比较好搞定,兼容IE8代码 页酒凑合,还有什么傲游页是好说话 ,但FIREFOX真实什么问题都会出现,这里收集一些代码,以后陆续回出现补充!
(1)设置固定高度
#wrapper {
width:900px;
height:200px;
margin:0 auto;
background:#e0e0e0;
}
缺点很明显,网页无法自适应大小,会撑破网页。
(2)设置元素浮动。
#wrapper {
width:900px;
float:left;
margin:0 auto;
background:#e0e0e0;
}
缺点也很明显,会使得整个网页无法居中。(貌似float没有居中的代码)
(3)解决办法:清楚该元素浮动,注意用overflow:hidden;代码
#wrapper {
width:900px;
overflow:hidden;
margin:0 auto;
background:#e0e0e0;
}
▲返回顶部
(1)设置固定高度
#wrapper {
width:900px;
height:200px;
margin:0 auto;
background:#e0e0e0;
}
缺点很明显,网页无法自适应大小,会撑破网页。
(2)设置元素浮动。
#wrapper {
width:900px;
float:left;
margin:0 auto;
background:#e0e0e0;
}
缺点也很明显,会使得整个网页无法居中。(貌似float没有居中的代码)
(3)解决办法:清楚该元素浮动,注意用overflow:hidden;代码
#wrapper {
width:900px;
overflow:hidden;
margin:0 auto;
background:#e0e0e0;
}
▲返回顶部
