div透明效果 div 半透明效果

<DIV id="bbp_toolbar">
<divid="Layer1"></div>

filter:alpha(opacity=30);-moz-opacity: 0.6;opacity: 0.6;
---------------- 设置属性:FILTER:alpha(opacity=20);--------------------

仅支持 FF
<script>document.getElementByIdx_xx_x("Layer1").style.opacity= "0.5";</script>

IE Only
<script>document.getElementByIdx_xx_x("Layer1").style.filter= "alpha(opacity=50%)";</script>

<divid="Layer1"></div>

filter:alpha(opacity=30);-moz-opacity: 0.6;opacity: 0.6;

---------------- 设置属性:FILTER:alpha(opacity=20);--------------------

仅支持 FF
<script>document.getElementByIdx_xx_x("Layer1").style.opacity= "0.5";</script>

IE Only
<script>document.getElementByIdx_xx_x("Layer1").style.filter= "alpha(opacity=50%)";</script>


为了达到给层设置半透明的效果时,在IE和firefox下也有所不同,IE下,style的filter属性有Alpha值可供使用,而firefox下没有Alpha值,所以得指定style的MozOpacity,代码见下:

<scriptlanguage="javascript">
//设置一个id为screen的div的透明度为45 %,在IE下:
document.getElementByIdx_xx_x("screen").style.filter="Alpha(Opacity=45)";

//而在firefox下:
document.getElementByIdx_xx_x("screen").style.MozOpacity="0.45";

我们可以用CSS样式的filter(滤镜效果)对HTML的一些标记设置滤镜效果。

例:

黑白照片 filter: gray;
X光照片 filter: Xray;
风动模糊 filter: blur(add=true,direction=45,strength=30);
正弦波纹 filter: Wave(Add=0, Freq=60, LightStrength=1, Phase=0,Strength=3);
半透明效果 filter: Alpha(Opacity=50);
线型透明 filter: Alpha(Opacity=0, FinishOpacity=100, Style=1, StartX=0,StartY=0, FinishX=100, FinishY=140);
放射透明 filter: Alpha(Opacity=10, FinishOpacity=100, Style=2,StartX=30, StartY=30, FinishX=200, FinishY=200);
白色透明 filter: Chroma(Color=#FFFFFF);
降低色彩 filter: grays;
底片效果 filter: invert;
左右翻转 filter: fliph;
垂直翻转 filter: flipv;
投影效果filter:progid:dXImageTransform.Microsoft.DropShadow(color=#cccccc,offX=5,offY=5,positives=true);
马赛克filter:progid:dXImageTransform.Microsoft.Pixelate(maxsquare=3);
发光效果filter:progid:dXImageTransform.Microsoft.Glow(color=#cccccc,Strength=5);
柔边效果 filter:alpha(opacity=100, finishOpacity=0,style=2

兼容ff和IE的div透明度设置,css代码和js代码
#AdLayer{

  1. filter:alpha(opacity=30);
  2. -moz-opacity: 0.6;
  3. opacity: 0.6;
  4. position:absolute;
  5. width:61px;
  6. height:59px;
  7. z-index:20;
  8. visibility:hidden;
  9. left: 600px;
  10. top:300px;
  11. }

functionrun(){
if (navigator.appName.indexOf("Internet Explorer") ==10){
alert("IE浏览器:"+document.getElementByIdx_xx_x('div1').filters.alpha.Opacity);
}else{
alert("FF浏览器:"+document.getElementByIdx_xx_x('div1').style.opacity);
}
div透明效果 div 半透明效果
}

  

爱华网本文地址 » http://www.413yy.cn/a/25101015/275839.html

更多阅读

怎么把QQ皮肤弄成全透明 精 qq皮肤透明带字伤感

怎么把QQ皮肤弄成全透明 精——简介现在的QQ2012正式版左右的版本都会有自带的透明功能。但是都不是透明见桌面的效果。这里就来为大家分享一个把QQ皮肤弄成全透明的效果。喜欢的可以来试试。不过需要有自带透明效果的版本才能实现

iphoneQQ主题/透明皮肤制作教程_ios7完美兼容 xcode8如何兼容ios7

iphoneQQ主题/透明皮肤制作教程_ios7完美兼容——简介iphoneQQ主题个性化制作,iphoneQQ透明皮肤修改。在网络上有很多关于这个主题的下载,但是因为他们带有很大的个性化色彩,经过小编改造,今天为大家献上全方位教程。经验内容:1.主题全

窗体的Alpha通道透明色支持 alpha通道

参考: http://www.delphibbs.com/delphibbs/dispq.asp?lid=2190768Windows 2000后,为了支持类似MAC界面的Alpha通道混合效果,提供了GDI+,提供了很多的界面功能函数,可以实现很好的界面效果。例如可以使用UpdateLayeredWindow来实现窗体的

声明:《div透明效果 div 半透明效果》为网友女与悍匪分享!如侵犯到您的合法权益请联系我们删除