IE6 Bugs(一)

 一、页面例子

1. /*CSS id选择器*/   
2. #main {
3.     background:#ffcc99;
4. }
5. #float {
6.     background:#dff191;
7.     float:left;/*决定页面上的文字应该靠至元素的左边或右边，或不使用环绕*/
8.     height:200px;
9.     width:200px;
10. }
11. #clear {
12.     background:#88c2e3;
13.     clear:both;/*决定是否允许其他元素显示在其上面*/
14. }

二、分析解决

• 在一个非hasLayout的盒内，如果一边浮动，另一边的内容就会莫名其妙的消失

• 在IE6中运行后，发现“隐藏的文本”字样显示不出来
• 解决方法：1）使元素的hasLayout属性为true 2）去年#main选择器的背景元素

三、hasLayout属性

• 只读，仅限JavaScript代码使用的样式属性，用于指示元素是否具有版型
• 可用值：true或false
• 以下样式属性都可以赋予元素版型：diaplay(inline,block),height,float(left,right),position(absolute),width,writing-mode(tb-rl)以及zoom
• 在JavaScript中这样引用：element.currentStyle.hasLayout

四、修改后的源码

1. /*CSS id选择器*/   
2. #main {
3.     background:#ffcc99;
4.     zoom:1;/*决定元素的缩小与放大*/
5. }
6. #float {
7.     background:#dff191;
8.     float:left;/*决定页面上的文字应该靠至元素的左边或右边，或不使用环绕*/
9.     height:200px;
10.     width:200px;
11. }
12. #clear {
13.     background:#88c2e3;
14.     clear:both;/*决定是否允许其他元素显示在其上面*/
15. }