filter:alpha(opacity=60); IE(<9)透明濾鏡失效。

如果我們設置寬度后filter就會有效果，而這個沒有設置寬度hasLayout 屬性值是0

熟悉haslayout 的都知道，這個表示當前容器不是一個有形體

在IE中filter套用到容器上時，容器必需是「有形體」，意思就是，必需「必須明確知道套用范圍」，這個在 IE 中稱為 layout，同時 IE?支持 hasLayout 這個屬性，但是 hasLayout 這個屬性沒有 HTML 或css寫法，也就是只能使用 JavaScript / JScript 來驅動，使這個屬性變成啟動或不啟動。當 hasLayout?為 true 時就是-1時，filter 的效果才能產生效果。

雖然?hasLayout 并沒有 HTML 可以啟動，但是某些 CSS 屬性一旦被指定，hasLayout 自動調整為 true，這些 CSS 屬性是：

屬性名稱啟動?hasLayout 的值取消　hasLayout

display	inline-block	?
width / height	除了 auto 外任何值	auto
position	absolute	static
float	left 或 right	none
zoom	非0值	0

所以不難看出當我們設置寬度后 filter屬性就會有效果

hasLayout的值也會變化

轉載于:https://www.cnblogs.com/archrjoe/archive/2012/04/27/2473582.html

總結

以上是生活随笔為你收集整理的hasLayout和filter滤镜的细节的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。