CSS濾鏡特效中的不透明度屬性，與JavaSript結合時，除了可以產生淡出淡入的 DHTML 特效外，還可以把原本平淡無奇的按鈕，變成具有良好互動性的按鈕。以下就是範例按鈕：

　　而要產生這種按鈕特效非常簡單，你只需要把以下的敘述插入要套用特效的按鈕上，就可以達成目的了，相信大家能很快學會。

style="filter:alpha(opacity=50)" onMouseover="this.filters.alpha.opacity=100" onMouseout="this.filters.alpha.opacity=50"

　　舉例來說，上面的「本站地圖」按鈕，本來只有超連結與插入圖像的標籤：

<a href="../../map.html">
<img src="../../images/map.gif"
alt="迷路了嗎？請看本站地圖..."
border="0" WIDTH="143" HEIGHT="96">
</a>

　　現在我們將上面的敘述插入IMG標籤內，就成了下面的樣子：

<a href="../../map.html">
<img src="../../images/map.gif"
alt="迷路了嗎？請看本站地圖..."
border="0" WIDTH="143" HEIGHT="96"
style="filter:alpha(opacity=50)"
onMouseover="this.filters.alpha.opacity=100"
onMouseout="this.filters.alpha.opacity=50">
</a>