㈠ html中怎样使图片呈透明状态
<scriptlanguage="JavaScript"type="text/JavaScript">
<!--
//flashlover
functioncorrectPNG()
{
for(vari=0;i<document.images.length;i++)
{
varimg=document.images
varimgName=img.src.toUpperCase()
if(imgName.substring(imgName.length-3,imgName.length)=="NG")
{
varimgID=(img.id)?"id='"+img.id+"'":""
varimgClass=(img.className)?"class='"+img.className+"'":""
varimgTitle=(img.title)?"title='"+img.title+"'":"title='"+img.alt+"'"
varimgStyle="display:inline-block;"+img.style.cssText
if(img.align=="left")imgStyle="float:left;"+imgStyle
if(img.align=="right")imgStyle="float:right;"+imgStyle
if(img.parentElement.href)imgStyle="cursor:hand;"+imgStyle
varstrNewHTML="<span"+imgID+imgClass+imgTitle
+"style=""+"width:"+img.width+"px;height:"+img.height+"px;"+imgStyle+";"
+"filter:progidXImageTransform.Microsoft.AlphaImageLoader"
+"(src='"+img.src+"',sizingMethod='scale');"></span>"
img.outerHTML=strNewHTML
i=i-1
}
}
}
window.attachEvent("onload",correctPNG);
//-->
</script>
景图片模糊 这是属于图片处理了,要用PS。
也可以用CSS的滤镜来处理,
代码如下:
img {
-webkit-filter: blur(8px);
filter: blur(8px);
filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=8, MakeShadow=false);
}