CSS filter:alpha(opacity=50) 與 opacity 差異：IE 相容性寫法

filter:alpha(opacity=50) 是 **IE 4-8 專屬** 透明度寫法，opacity: 0.5 是 **標準 CSS3** 寫法 (支援 IE9+、所有現代瀏覽器)。

對比

相容性寫法 (同時支援舊 IE)

.transparent {
    opacity: 0.5;                 /* 標準 */
    filter: alpha(opacity=50);    /* IE 8- */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 標準模式 */
    zoom: 1;                      /* 觸發 hasLayout，讓 filter 生效 */
}

現代建議

• 專案不再支援 IE8 時，**直接使用 opacity**，簡潔無副作用。
• 若需子元素不透明，改用 background: rgba(0,0,0,0.5) 或偽元素。

alpha 是 IE 專屬濾鏡函式，**非標準**，隨 IE 退役逐步淘汰。