div+css合理布局中的alpha 不全透明度应用表明

日期:2021-03-12 类型:科技新闻 

关键词:如何制作微信小游戏,微信游戏小程序,公众号游戏,h5小游戏模板,小程序游戏源码

英语的语法:filter: Alpha(主要参数1=主要参数值, 主要参数2=主要参数值,…)
表明:alpha特性包含许多主要参数,以下表所示。
alpha特性的主要参数设定
主要参数
实际含意及赋值
opacity
意味着全透明度水准,默认设置的范畴是从0到100,表明全透明度的百分比。也便是说,0意味着彻底全透明,100意味着彻底不全透明
finishopacity
是1个可选主要参数,假如要设定渐变色的全透明实际效果,可使用该主要参数来特定完毕时的全透明度。范畴也是0到100
style
主要参数特定了全透明地区的样子特点。在其中0意味着统1形 状、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>设定1个放射性性的渐变色全透明实际效果</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>

上一篇:CSS 网页页面合理布局排版案例 返回下一篇:没有了