![怎么写CSS是.PNG格式的图片在IE6中没有阴影?,第1张 怎么写CSS是.PNG格式的图片在IE6中没有阴影?,第1张](/aiimages/%E6%80%8E%E4%B9%88%E5%86%99CSS%E6%98%AF.PNG%E6%A0%BC%E5%BC%8F%E7%9A%84%E5%9B%BE%E7%89%87%E5%9C%A8IE6%E4%B8%AD%E6%B2%A1%E6%9C%89%E9%98%B4%E5%BD%B1%EF%BC%9F.png)
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的属性,别忘了加相应的内核前缀