不透明度标签代码alpha

不透明度标签代码alpha

alpha属性用来设置目标元素出现透明的效果,可以使一个目标元素和背景进行规定程度的混合,使

【标签说明】

filter:alpha(opacity=透明等级, finishopacity=结束时的透明等级, style=透明区域形状, startx=起始点的横坐标, starty=起始点的纵坐标, finishx=结束点的横坐标, finishy=结束点的纵坐标)

说明:alpha滤镜的参数比较多,包括opacity、finishopacity、style等,有的参数可以不设置。具体参数及含义见表18-1。

表18-1 alpha滤镜的参数及含义

【实例演示】

<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>css滤镜</title> <style type="text/css"> .img1{filter:alpha(opacity=60, style=0)} .img2{filter:alpha(Opacity=20 finishopacity=100, style=1, startx=100, starty=80, finishx=350, finishy=180)} </style> </head> <body > <div style="background-color:#99CCFF"> <table width="98%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="1-31.jpg" class="img1"></td> <td><img src="1-31.jpg" class="img2"></td> </tr> <tr> <td>不透明度为60%</td> <td>透明度渐变</td> </tr> </table> </div> </body> </html>

【运行结果】

在上述代码中设置了两种透明效果,img1将

CSS控制

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

微信扫一扫

微信扫一扫

微信扫一扫,分享到朋友圈

不透明度标签代码alpha