大家好,感谢邀请,今天来为大家分享一下img透明度的问题,以及和img 透明度的一些困惑,大家要是还不太明白的话,也没有关系,因为接下来将为大家分享,希望可以帮助到大家,解决大家的问题,下面就开始吧!
本文目录
如何给background-image设置透明度JS改变图片透明度img标签里的PNG格式的图片怎么让他透明显示如何设置HTML图片的背景颜色为透明的如何给background-image设置透明度background:url("0.png")filter:alpha(opacity=70);因为你背景和透明度中间没有分号没隔开。。。。。。。。。。。。。。。。。。。。是给这个DOM设置而不是给背景图片设置应该是background:url("0.png");filter:alpha(opacity=70);IE是用filter:alpha(opacity=70);其他浏览器用opacity:0.7;
JS改变图片透明度//淡入效果(含淡入到指定透明度)
functionfadeIn(elem,speed,opacity){
/*
*参数说明
*elem==>需要淡入的元素
*speed==>淡入速度,正整数(可选)
*opacity==>淡入到指定的透明度,0~100(可选)
*/
speed=speed||20;
opacity=opacity||100;
//显示元素,并将元素值为0透明度(不可见)
elem.style.display='block';
iBase.SetOpacity(elem,0);
//初始化透明度变化值为0
varval=0;
//循环将透明值以5递增,即淡入效果
(function(){
iBase.SetOpacity(elem,val);
val+=5;
if(val<=opacity){
setTimeout(arguments.callee,speed)
}
})();
}
//淡出效果(含淡出到指定透明度)
functionfadeOut(elem,speed,opacity){
/*
*参数说明
*elem==>需要淡入的元素
*speed==>淡入速度,正整数(可选)
*opacity==>淡入到指定的透明度,0~100(可选)
*/
speed=speed||20;
opacity=opacity||0;
//初始化透明度变化值为0
varval=100;
//循环将透明值以5递减,即淡出效果
(function(){
iBase.SetOpacity(elem,val);
val-=5;
if(val>=opacity){
setTimeout(arguments.callee,speed);
}elseif(val<0){
//元素透明度为0后隐藏元素
elem.style.display='none';
}
})();
}
varbtns=document.getElementById('demo');
btns.onclick=function(){
fadeIn(btns);
}
btns.onclick=function(){
fadeOut(btns,40);
}
<pid="demo"style="width:300px;height:300px;background:#f00;">淡入淡出</p>
试试吧
img标签里的PNG格式的图片怎么让他透明显示设置透明度css
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity:0.5;
opacity:0.5;
如何设置HTML图片的背景颜色为透明的1、首先新建一个记事文本,重新命名背景颜色.html,按回车确认,如下图所示。
2、回到桌面选中新创建的背景颜色.html文件,右键选择记事本打开,然后在记事本中手动输入图中代码,这是一个标准的html头尾格式。
3、在<body>中添加代码:bgcolor="#000000",保存。
4、这时在桌面打开背景颜色.html,打开页面显示为黑色背景,如下图所示就完成了。
OK,本文到此结束,希望对大家有所帮助。