IE 中實現半透明/透明 ActiveX 控件：無視窗模式與 Alpha Filter 技術詳解

核心概念

在 Internet Explorer 中呈現半透明或非矩形 ActiveX 控件，需解決兩大關鍵：

1. 控件採用無視窗模式：避免擁有獨立 HWND，由容器 (IE) 代為繪製，可實現非矩形區域與 Alpha 混合。
2. HTML 頁面設定 Alpha Filter：在 <OBJECT> 標籤樣式加入 FILTER: alpha(opacity=80) 指定透明度 (0-100)，需 IE 5.5+ 支援。

實作步驟

1. MFC/ATL 專案啟用無視窗支援

在控件類別覆寫 GetControlFlags，加入 windowlessActivate 旗標：

DWORD CTestCtrl::GetControlFlags()
{
    DWORD dwFlags = COleControl::GetControlFlags();
    // 允許無視窗啟用
    dwFlags |= windowlessActivate;
    return dwFlags;
}

注意：無視窗模式下 m_hWnd 為 NULL，訊息處理需改用 OnDraw、OnMouseMove 等虛擬函式，無法直接使用視窗訊息映射。選單彈出、焦點管理等需繞道解決 (文中採用迂迴法)。

2. HTML 頁面嵌入與透明度設定

<OBJECT
    ID="TestCtrl"
    CLASSID="CLSID:你的控件CLSID"
    STYLE="FILTER: alpha(opacity=80); WIDTH: 300px; HEIGHT: 200px"
></OBJECT>

• opacity=80 表示 80% 不透明度 (20% 透明)。
• 若需完全透明背景，控件 OnDraw 中勿填滿背景，僅繪製前景圖形/文字。

執行效果示意

常見問題與對策

開發心得

• 無視窗模式雖增加繪圖複雜度，卻是實現非矩形、半透明控件的唯一標準路徑。
• 感謝 VCKbase 社群網友過往協助，才攻克訊息處理難題。
• 若有更優雅的訊息路由方案，歡迎不吝指教。

本文配套原始碼 (含測試 HTML) 可供下載。