学习啦>学习电脑>电脑技巧>

设置div透明度的方法步骤

本达分享

  目前,DIV+CSS来制作网页是非常流行的。那你知道如何设置div透明度吗?下面是学习啦小编给大家整理的一些有关设置div透明度的方法,希望对大家有帮助!

  设置div透明度的方法

  1.样式代码

  #layout { position:absolute; top:50px; width:500px; background:#fff; filter: alpha(opacity=70); opacity: 0.7;}

  1.弹出窗口出现灰色透明背景,内容层不能操作.

  定义两个层:<div style="background:red; filter: alpha(opacity=45); opacity:0.45; position:absolute;top:0px;left:0px; width:100%; height:100%;"></div><div style="position:absolute;">内容</div>

  2.用下面的样式表定义你的层 .alpha { filter: alpha(Opacity=50, FinishOpacity=50, Style=0, StartX=0, StartY=0, FinishX=100, FinishY=100}

  解释:Opacity=开始的不透明度(100的话就不透明了) FinishOpacity=结束的不透明度(100的话就不透明了) Style=样式,从0开始,1.2.3....有均匀透明啊,放射形状透明啊...

  StartX=开始透明的X坐标,基本上为图片、层的左上角(0) StartY= 开始透明的Y坐标,基本上也为图片、层的左上角(0) FinishX=结束透明的X坐标,基本上也图片、层的右下(图片、层的宽度) FinishY=结束透明的Y坐标,基本上也为图片、层的右下角(图片、层的高度)

  <hml> <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> <pstylepstyle=“font-size:48;font-weight:bold;color:red;”> Beautiful</p>//*定义字体属性,前景色为红色*// </DIV> <p><imgsrcimgsrc=“ss01076.jpg”></p> //*导入一张图片*// </body> </hml>

  END

看了“怎么设置div透明度”的人还看了

1.怎么在wps演示中设置图片透明度

2.coreldraw如何调节透明度

3.怎么在coreldraw中设置图标的透明度

4.怎么设置ppt2013中图片的透明度

    2090229