首先看看A級(jí)瀏覽器所支持的用CSS實(shí)現(xiàn)元素透明的方案：

實(shí)際上在IE8中，-ms-filter是filter的別名，兩者區(qū)別是-ms- filter的屬相值必須被單引號(hào)或雙引號(hào)包圍，而filter中則不是必須，而在IE8之前的版本中，filter的屬性值必須不被單引號(hào)或雙引號(hào)包圍。

IE中的HTML元素要實(shí)現(xiàn)透明，則其必須具備layout，這樣的元素有僅可讀的屬性hasLayout，且其值為true。具體情況如下：

1. body、img、table、tr、th、td等元素的hasLayout一直為true。
2. type為text、button、file或select的input的hasLayout一直為true。
3. 設(shè)置{position:absolute}的元素的hasLayout為true
4. 設(shè)置{float:left|right}的元素的hasLayout為true
5. 設(shè)置{display:inline-block}的元素的hasLayout為true
6. 設(shè)置{height:xx}或{width:xx}的元素必須具體以下兩個(gè)條件之一，其hasLayout才能為true：
   1. IE8兼容模式和IE8以前的瀏覽器中，在標(biāo)準(zhǔn)(strict)模式下其display的值是block，如demo3就不行。
   2. 元素在怪癖模式（compat mode）下。
7. 設(shè)置了{zoom:xx}的元素在IE8的兼容模式或IE8之前的瀏覽器中其hasLayout為true，但在IE8的標(biāo)準(zhǔn)模式下則不會(huì)觸發(fā)hasLayout。
8. 設(shè)置了{writing-mode:tb-rl}的元素的hasLayout為true。
9. 元素的contentEditable的屬性值為true。
10. 在IE8標(biāo)準(zhǔn)模式下設(shè)置了{display:block}的元素的hasLayout一直為true，如demo8。

關(guān)于hasLayout的更多詳情可以看Exploring Internet Explorer “HasLayout” Overview和On having layout

從上面就可以看出IE實(shí)現(xiàn)HTML元素的透明如此混亂，為了向下兼容和自己的私有屬性讓IE上實(shí)現(xiàn)元素透明有多種方式，比如CSS Opacity實(shí)例中的demo1到demo8，雖然IE 團(tuán)隊(duì)推薦實(shí)現(xiàn)透明的方式是：

發(fā)表評(píng)論 共有條評(píng)論 用戶名: 密碼: 驗(yàn)證碼: 匿名發(fā)表