<html> |
<head> |
<title>设置透明度 半透明 alpha滤镜</title> |
<style type=text/css> |
<!-- |
h 2 { font-family :黑体; font-size : 16pt } |
.alpha 1 {filter:alpha(style= 0 )} |
.alpha 2 {filter:alpha(style= 1 )} |
.alpha 3 {filter:alpha(style= 2 )} |
.alpha 4 {filter:alpha(style= 3 )} |
.alpha 5 {filter:alpha(opacity= 50 )} |
--> |
</style> |
</head> |
<body> |
< center > |
<h 2 >同一幅图使用不同alpha参数值的效果</h 2 > |
<hr> |
<table> |
<tr> |
<td>统一形状透明</td> |
<td>线形透明</td> |
<td>放射状透明</td> |
</tr> |
<tr> |
<td><img class=alpha 1 src= "精美世界.jpg" width= "200" height= "110" ></td> |
<td><img class=alpha 2 src= "精美世界.jpg" width= "200" height= "110" ></td> |
<td><img class=alpha 3 src= "精美世界.jpg" width= "200" height= "110" ></td> |
</tr> |
<tr> |
<td>长方形透明</td> |
<td>透明度值为 50 </td> |
</tr> |
<tr> |
<td><img class=alpha 4 src= "精美世界.jpg" width= "200" height= "110" ></td> |
<td><img class=alpha 5 src= "精美世界.jpg" width= "200" height= "110" ></td> |
</tr> |
</table> |
</ center > |
</body> |
</html> |
初级程序员
by: 正仔 发表于:2013-04-02 11:53:43 顶(0) | 踩(0) 回复
透明度只能设置图片么,能不能设置一个块级元素呢?
回复评论