IE6中有1个BUG叫border边框断线状况(border边框一部分

2021-03-11 03:59 jianzhan
IE6中有1个BUG叫border边框断线状况,即在IE6中翻转翻转条时一些border边框无缘无故的有一部分无法显示(边框显示信息不详细)。
有时发现自身写的网页页面在IE6中检测时发现,一些边框一部分不能见(现阶段我遇到过某个div的边框上下两侧的正中间有1一部分边框消退、某个DIV的上边框消退另外两侧也是有一部分消退);今日正好遇到后边的这类状况,平时遇到两侧正中间有一部分消退的状况时立即给这个DIV加个情况色便可以了,今日却不知道道为何不好。试了好长时间最终界定了这个DIV的高宽比就处理了。因而,检索了1下这类状况,才发现这属于border边框断线状况,但沒有寻找是甚么缘故致使这样的状况。下面是在网络上寻找的处理方式:

状况出現的标准:假定1个器皿内有两个波动,并应用CLEAR消除波动,在ie6下拖拽翻转条时最外层的border会消退,假如给最外层再加宽度或高宽比就不容易出現。以下编码(必须出現翻转条即网页页面有充足的高宽比):

拷贝编码
编码以下:

<div style="border:1px #ccc solid;">
<div style="float:left;">sdf</div>
<div style="float:left;">
<p>df</p><p>df</p><p>df</p><p>df</p><p>df</p><p>df</p><p>df</p>
</div>
<div style="clear:both;"></div>
</div>

下面是从在网上获得的3种处理断线状况的方式
1.在父元素中添加height:1%
2.给父元素设定1个宽度或高宽比
3.给父元素设定1个情况色.