ie6的background-position属性值center,bottom 失效
2009-12-19 21:29
246 查看
如下结构:
<div style="height:200px">
<div id="div1" style="height:100%;background: url('images/aardvark.gif') 0 center;"></div>
</div>
我们的目的是让图片在垂直方向上居中。但是在ie6下却没有垂直居中,检测发现,div1的属性值虽然是100%,但是并没有像我们所期望
的那样高度和其父元素的高度相同。解决办法是给div1元素加上overflow:hidden。
<div style="height:200px">
<div id="div1" style="height:100%;background: url('images/aardvark.gif') 0 center;"></div>
</div>
我们的目的是让图片在垂直方向上居中。但是在ie6下却没有垂直居中,检测发现,div1的属性值虽然是100%,但是并没有像我们所期望
的那样高度和其父元素的高度相同。解决办法是给div1元素加上overflow:hidden。
相关文章推荐
- 关于 IE6 中绝对定位(position:absolute)中的left和bottom属性失效
- 元素加了position:absolute则该元素的text-align:center居中失效的解决办法
- 解决ie6、7 margin-bottom 失效问题
- 【转】margin-bottom在IE6和IE7下失效的解决办法
- css中background-position:的属性值为百分比时的用法
- ie6 滤镜 background-position
- csshack 解决ie6下position:fixed失效的问题
- margin-bottom在IE6、IE7失效的原因
- css不兼容情况 background-position在firefox下不兼容,出现图片位置不对,的处理情况;ie6、ie7强制选择器。
- css不兼容情况 background-position在firefox下不兼容,出现图片位置不对,的处理情况;ie6、ie7强制选择器。
- jquery 操作和获取和操作background-position在IE下失效的问题
- ie6下position fixed的失效bug
- 解决IE6下position:fixed失效的方法
- CSS之Background-Position left right center top buttom属性
- IE6下 position:absolute:定位的 bottom 定位偏移bug
- border-bottom在IE6失效的解决办法
- margin-bottom在IE6和IE7下失效的解决办法
- 绝对定义(position:absolute)的相邻元素margin-top在IE6下失效
- margin-bottom在IE6和IE7下失效的解决办法
- 【css】css 解决 ie6 下 position:fixed 失效