IE6和IE7中border渲染断线现象
2011-07-27 11:57
162 查看
最近在给一个研究会做个站点,全部处理完事OK后开始检查浏览器BUG,突然发现在IE7模式下一个div出现左右border断线现象。
经过多方面搜集资料发现“容器内有两个浮动,并用CLEAR清除浮动。在ie6和ie7下拖动滚动条时最外层的border会消失”
解决办法:在父元素中1.加入height:1%
2.加入一个宽度
3.加入一个背景色
修改后:
#content .pages_right .pages_content{border-width: 0 1px 1px 1px; border-color: #a97665; border-style: solid; height: auto; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
经过多方面搜集资料发现“容器内有两个浮动,并用CLEAR清除浮动。在ie6和ie7下拖动滚动条时最外层的border会消失”
解决办法:在父元素中1.加入height:1%
2.加入一个宽度
3.加入一个背景色
修改后:
#content .pages_right .pages_content{width:100%; border-width: 0 1px 1px 1px; border-color: #a97665; border-style: solid; height: auto; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
相关文章推荐
- IE6中有一个BUG叫border边框断线现象(border边框部分消失)
- ie6 ie7中input标签的边框border设置
- ie6 ie7中input标签隐藏边框(border:none与border:0的异同)
- IE6左右边框断线现象
- IE6和IE7的怪癖渲染模式
- CSS解决IE中奇怪的左右border断线现象
- CSS解决IE中奇怪的左右border断线现象
- IE6、IE7、IE8、IE9兼容性问题解决办法
- 不会因不同浏览器区别IE6,IE7让布局崩溃的弹出"确认"对话框
- IE6,IE7和FireFox兼容处理
- IE6 VS IE7 ——显示大量控件时的表现
- IE6、IE7、Firefox无提示关闭窗口的代码
- ie6 ie7 ie8和火狐如何兼容高度宽度以及margin、padding等属性!
- ie6 ie7 ie8 共存以及Firefox浏览器CSS兼容写法
- JS判断浏览器 IE7,IE6,Mozilla
- IE6,IE7 DIV高度技巧(div高度兼容问题)
- 让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法
- IE6,IE7和FireFox兼容处理
- JS代码判断IE6,IE7,IE8,IE9!
- [CSS Hack]解決IE6、IE7、IE8、Firefox的瀏覽器相容性問題!