一 PNG透明背景CSS写法
.png
{
background:url(http://www.028wz.net/img/logo.png) left top no-repeat !important; /*For Firefox*/
*background:none;/*For IE7 & IE6*/
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.028wz.net/img/logo.png',sizingMethod='crop');/*For IE6*/
}
二 PNG 透明图片
这里插入一个JS
<script>
// JavaScript Document
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6.
{
var arVersion = navigator.appVersion.split("MSIE")
var version = parseFloat(arVersion[1])
if ((version >= 5.5) && (document.body.filters))
{
for(var j=0; j<document.images.length; j++)
{
var img = document.images[j]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
var imgID = (img.id) ? "id='" + img.id + "' " : ""
var imgClass = (img.className) ? "class='" + img.className + "' " : ""
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
var imgStyle = "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
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
img.outerHTML = strNewHTML
j = j-1
}
}
}
}
if(window.attachEvent){
window.attachEvent("onload", correctPNG);
}else if(window.addEventListener){
window.addEventListener("load",correctPNG,true);
}else{
window["onload"]=correctPNG;
}
</script>
<img src="http://www.028wz.net/img/logo.png">
分享到:
相关推荐
能解决png图片在IE6浏览器不兼容问题。同时能解决png背景图片在IE6浏览器不兼容的问题。简单易懂。急需要导入一个js文件,然后写入需要兼容的标签即可。
PNG图片透明兼容IE6和火狐示例 引用iepngfix.htc使背景PAN图片透明 打包中已经包含iepngfix.htc文件
适用于调浏览器兼容的,使png图片在ie6中能透明显示
IE6png格式兼容,格式兼容希望可以帮助你
ie6兼容png透明图片,导入js即可使ie6兼容png透明图片,无需调用。
ie 下png 透明图片 兼容解决方案
处理png图片在ie6上不透明问题,文件内包含两种处理png透明都问题可以解决改问题,一种是js处理 另一种是htc文件使用处理
IE6浏览器完美兼容PNG图片的BUG(包括背景),img标签,背景都兼容得很不错!
unitpngfix.js 解决PNG图片咋IE6不兼容JS 使用方法在包里面有说明文件 但是建议大家不要下,因为IE6是应该淘汰的东西了。望大家都支持浏览器升级。 PS:有些客户死脑袋木有办法,所以还是有需要的。
修复ie png图片不能显示,修复ie png图片不能显示,修复ie png图片不能显示
让png 透明 兼容ie
PNG图片IE6下面解决最好的方法
js修复IE不能显示PNG图片透明背景的方法、解决浏览器不兼容的问题
png图片,IE,透明,兼容IE透明效果
完美解决png在ie6兼容问题完整示例,采用js
通过canvas2image,html2canvas,base64实现将div内容转成canvas,再转成png或者jpg格式的图片
VC利用PNG图片制作异形窗口的源代码.visual c++自绘窗口
DD_belatedPNG 可以用于png图片,png背景,作用对象如果使用复合的其他js特效有可能会有冲突。
PNG图片在FF下是透明,但IE6下北京会变成蓝色的,有效解决PNG图片在IE6下背景不透明的问题
IE6不兼容png透明背景解决方法,有效解决IE6下 透明图片浅灰背景的问题