css设置透明度 半透明 alpha滤镜
关键词：css,css半透明
<html>
<head>
<title>设置透明度 半透明 alpha滤镜</title>
<style type=text/css>
<!--
h2{font-family:黑体;font-size:16pt}
.alpha1{filter:alpha(style=0)}
.alpha2{filter:alpha(style=1)}
.alpha3{filter:alpha(style=2)}
.alpha4{filter:alpha(style=3)}
.alpha5{filter:alpha(opacity=50)}
-->
</style>
</head>
<body>
<center>
<h2>同一幅图使用不同alpha参数值的效果</h2>
<hr>
<table>
<tr>
<td>统一形状透明</td>
<td>线形透明</td>
<td>放射状透明</td>
</tr>
<tr>
<td><img class=alpha1 src="精美世界.jpg" width="200" height="110"></td>
<td><img class=alpha2 src="精美世界.jpg" width="200" height="110"></td>
<td><img class=alpha3 src="精美世界.jpg" width="200" height="110"></td>
</tr>
<tr>
<td>长方形透明</td>
<td>透明度值为50</td>
</tr>
<tr>
<td><img class=alpha4 src="精美世界.jpg" width="200" height="110"></td>
<td><img class=alpha5 src="精美世界.jpg" width="200" height="110"></td>
</tr>
</table>
</center>
</body>
</html>
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：css设置透明度 半透明 alpha滤镜
转载请注明原文链接：css设置透明度 半透明 alpha滤镜
