怎么写CSS是.PNG格式的图片在IE6中没有阴影？

html-css029

怎么写CSS是.PNG格式的图片在IE6中没有阴影？,第1张

function fixPNG(myImage) { var arVersion = navigator.appVersion.split("MSIE") var version = parseFloat(arVersion[1]) if ((version >= 5.5) &&(version <7) &&(document.body.filters)) { var imgID = (myImage.id) ? "id='" + myImage.id + "' " : "" var imgClass = (myImage.className) ? "class='" + myImage.className + "' " : "" var imgTitle = (myImage.title) ? "title='" + myImage.title + "' " : "title='" + myImage.alt + "' " var imgStyle = "display:inline-block" + myImage.style.cssText var strNewHTML = "<span " + imgID + imgClass + imgTitle + " style=\"" + "width:" + myImage.width + "pxheight:" + myImage.height + "px" + imgStyle + ""+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"+ "(src=\'" + myImage.src + "\', sizingMethod='scale')\"></span>" myImage.outerHTML = strNewHTML } }

IE6不支持PNG背景透明的 要用JS的 复制以上代码保存成一个js文件，例如png.js

将你PNG图片所在的页面链接到此脚本 ， 然后在<img>内部样式中加上 onload="fixPNG(this)" 此修饰

例：<img src=" 123.png" onload="fixPNG(this)" width="109" height="94" border="0" />

PNG做背景也可以做到 只不过不是这么做 可以百度HI我 我告诉你方法

box-shadow: 0 0 2px 5px rbga(255,255,255,0.5)

参数介绍 第一个0 是X轴方向的偏移值

第二个0 是Y轴方向的偏移值

第三个值是阴影的模糊度

第四个值是外延值，也就是阴影的宽

第四个是颜色， 0.5是透明度（取值范围0-1）

要想四边阴影，切相等，就要不偏移。给阴影设置外延值，即可。这是CSS3的属性，别忘了加相应的内核前缀