IE对CSS样式表的限制和解决方案之先添加DOM再添加样式

说明| 评论| 例1| 例2| 例3| 例4| 例5| 例6| 例7

例7:在IE下如果要创建一个新的样式元素且通过styleSheet.cssText给其赋予样式,注意一定要先把元素加入到DOM中,再通过cssText复制,否则css会出现意向不到的问题,比如你添加的样式是#c-13{background:#000;font-size:.5em;_font-size:6em;font-size:4em!important;color:#f00!important;color:#e59930;_color:#00f;height:3em;*height:6em;_height:20em;},其最终生效的是#c-13{background:#000;font-size:4em!important;color:#00f;height:20em;},似乎是都是用IE6样式解析器得出结果。本例中注释部分的代码可以看到这个问题。

c-00
c-01
c-02
c-03
c-04
c-05
c-06
c-07
c-08
c-09
c-10
c-11
c-12
c-13
c-14
c-15
c-16
c-17
c-18
c-19
c-20
c-21
c-22
c-23
c-24
c-25
c-26
c-27
c-28
c-29
c-30
c-31
c-32
c-33