IE6 filter:alpha(opacity=0) 失效？IETester 不可信，必須真機測試

現象

IETester 模擬 IE6 下 filter:alpha(opacity=0) 不生效，但同事機器真實 IE6 正常。

核心結論

IETester 僅供參考，不保證渲染引擎 100% 一致。 其 IE6 引擎為模擬層，缺少原生 DirectX 透明濾鏡支持。

IE 透明度最佳實踐

.transparent {
    /* IE 8- */
    filter: alpha(opacity=50);        /* 0-100 */
    /* 現代瀏覽器 */
    opacity: 0.5;                     /* 0-1 */
    /* IE 9+ 支持 opacity，但 filter 會導致字體模糊 */
}

IE6/7 特殊觸發條件

• 元素必須具有 Layout**（hasLayout=true），例如添加 zoom:1、width/height、position:absolute、float 等。
• 父元素若無 Layout，子元素 filter 可能不生效。

測試建議

• 虛擬機安裝原生 Windows XP + IE6，或使用 BrowserStack** 真機雲測試。
• 現代項目放棄 IE6/7 支持**，統計份額已極低，專注 IE11+ 及現代瀏覽器。