alpha濾鏡用於設定圖片或文字的不透明度。它是把一個目標元素與背景混合，通俗地說就是一個元素的透明度。通過指定座標，可以指定點、 線、面的透明度。
文法：filter: Alpha(參數1=參數值, 參數2=參數值,…)
說明：alpha屬性包括很多參數，如下表所示。
alpha屬性的參數設定
參數 |
具體含義及取值 |
opacity |
代表透明度水準，預設的範圍是從0到100，表示透明度的百分比。也就是說，0代表完全透明，100代表完全不透明 |
finishopacity |
是一個選擇性參數，如果要設定漸層的透明效果，可以使用該參數來指定結束時的透明度。範圍也是0到100 |
style |
參數指定了透明地區的形狀特徵。其中0代表統一形 狀、1代表線形、2代表放射狀、3代表長方形 |
startx |
代表漸層透明效果的開始X座標 |
starty |
代表漸層透明效果的開始Y座標 |
finishx |
代表漸層透明效果結束X座標 |
finishy |
代表漸層透明效果結束Y座標 |
執行個體代碼：
代碼<html>
<head>
<title>設定映像的透明效果</title>
<style>
<!--
h2{
font-family: "黑體"; font-size:15pt}
body{font-size:12pt}
.alphaall{filter:alpha(opacity=50)}
.alpharad{
filter:alpha(opacity=0,finishopacity=100,style=2,startx=0,starty=5,finishx=200,finishy=185)
}
-->
</style>
</head>
<body>
<h2>下面是對同樣的映像使用了不同alpha濾鏡的效果</h2>
<table
border=1 bordercolor="#660000" cellpadding=5 width=600
align="center">
<tr height=30>
<td>原圖</td>
<td>整體設定50%透明度的效果</td>
<td>設定一個放射性的漸層透明效果</td>
</tr>
<tr height=240>
<td><img src="pic08.jpg"></td>
<td><img class=alphaall
src="pic08.jpg"></td>
<td><img class=alpharad
src="pic08.jpg"></td>
</tr>
</table>
</body>
</html>
文章來源： 安徽php社區 http://bbs.hfphp.org/thread-772-1-1.html
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
