<head>
<title>alpha</title>
<style>//定义CSS样式//
<!--
div{position：absolute； left：50；top：70； width：150； }
//定义DIV区域内的样式（位置为绝对定位，left、top、width的坐标）//
img{position：absolute；top：20；left：40；
filter：alpha(opacity=80)}
//定义的样式，绝对定位，滤镜属性是透明度为80//
-->
</style>
</head>
<body>
<div>
<p style=“font-size：48；font-weight：bold；color：red；”>
Beautiful </p>//定义字体属性，前景色为红色//
</div>
<p><img src=“ss01076jpg”> </p>
//导入一张//
</body>
</html>
如果在上面的代码中稍做改动，则将产生另外多种效果。我们只修改img的样式属性，把head中的Img样式属性代码改为如下所示：
img{position：absolute；top：20；left：40；
filter：alpha(opacity=0,finishopacity=100,
style=1,startx=0,starty=85,finishx=150,finishy=85);}css
--------
body{
background: #fff;
}
div{
width: 180px;
height: 180px;
margin: 0 auto;
background: #F00;
z-index: 1;
}
p{
filter: alpha(opacity=80); //这是设置层的透明度为80%
opacity: 08;
width: 120px;
position: relative;
left: -15px;
top: 130px;
background: #333;
color: #FFF;
font-weight: bold;
padding: 10px;
z-index: 100;
}
html
-----
<div><p>这里是文字</p></div>
你会看到p标签的透明度改变了<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoobcom)</title>
<script src=">
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）