解决png在ie6的灰背景

最新推荐文章于 2024-10-03 12:45:03 发布
转载 最新推荐文章于 2024-10-03 12:45:03 发布 · 561 阅读 · 0

本文介绍了一种针对IE6浏览器的PNG图片透明效果修复方法，通过JavaScript动态替换PNG图片为带有透明背景的HTML元素，确保了在老旧浏览器中也能正常显示图片的透明区域。

在<head>区内添加js代码如下：

<!--[if gte IE 6]>  
<script type="text/javascript">  
    function correctPNG()  
    {  
        for(var i=0; i<document.images.length; i++)  
        {  
            var img = document.images[i]  
            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  
                i = i-1  
            }  
        }  
    }  
    window.attachEvent("onload", correctPNG);  
</script>  
<![endif]--> 

png在IE6 下无法透明的解决方法汇总
09-03
IE6无法正确显示具有Alpha透明度的PNG图片，会出现一个灰色背景或者图片无法透明的情况。这给网页设计师带来了不少困扰，因为IE6在当时仍占有一定的市场份额。 为了解决这个问题，开发者们提出了一些解决方案，主要...
兼容性解决方案：在IE6中显示透明PNG图像
weixin_36019375的博客
05-09 421
本章介绍在Internet Explorer 6中如何解决PNG图像透明度显示问题。由于IE6不支持PNG的渐进式透明度（alpha通道），本章提供了一种方法，通过结合使用透明GIF图像和Microsoft特定的滤镜技术，使得PNG图像在IE6中能够正确显示透明度。此外，还探讨了在所有浏览器上显示透明PNG图像的通用解决方案，包括如何处理图像尺寸和透明度显示的技巧。
解决ie6下png不透明，出现灰色背景的问题
jc540218955的博客
09-30 1321
png图片不透明分两种： 第一种：通过css的background属性引入的png背景图片 解决思路：       1.只需要png背景的元素css中添加微软特有的滤镜就可以了。       2.span{ background:url('../image.png') no-repeat left top;   _background: none; _filter: progid:D
android去掉png图片灰色背景,JS解决PNG图片灰色背景问题
weixin_35676877的博客
05-27 642
PNG图片用来制作漂亮的网页背景很实用，此方法也是比较简单的，会让网页增色不少。不过，万恶的IE似乎暗中做对，当你使用PNG图片的时候，IE会自动为PNG图片增加一个灰色背景，这真的好让人烦，那么有没有办法不让IE自作聪明？当然是有的，下边的JS代码就是帮助PNG图片在IE实现纯透明的，效果不错：functioncorrectPNG(){for(vari=0;i{varimg=document.i...
解决png格式图片在IE6中无法透明
XCMercy
06-17 322
解决方案 为了解决png格式图片在IE6中无法透明（其实是图片中的透明背景在IE6中会显示成灰色）问题，这里提供一种方案，该方案需要借助一个外部js文件来解决，该js文件下载地址：解决png格式图片在IE6无法透明的js文件 1. 在出现png图片无法透明的页面引入上述js文件 2. 在body标签的最后加入下面的代码，fix方法的参数是需要解决透明问题的png图片的选择器，可以是多个选择器...
解决IE6中PNG图出现灰色背景问题
weixin_34050389的博客
11-18 170
第 1 种方法:定义一个样式,给某个div应用这个样式后，div的透明png背景图片自动透明了。（注意两处图片的路径写法不一样，本例中，icon_home.png图片与html文件在相同目录） <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1...
解决ie6png透明的方法小结
adobe1992
07-25 753
PNG格式比起GIF来表现色彩更丰富，特别是表现渐变以及背景透明的渐变要比GIF格式出色很多，目前，最新的浏览器基本上都支持PNG格式。 （1）使用IE特有的expression .pngImg { background:url(image.png); _background:url(image.gif);}  原理：上文的_号，目前IE7,8以及Firefox浏览器等都不支持此CSS语
解决png图片在IE6下的透明问题
daxiang的专栏
05-03 964
已经几天没更新博客了，也就是这几天学习上的进账收效甚微，原因是在准备毕业答辩的事，还有两天时间用在了跑去东莞面试，面试的结果很悲催呵呵。自己其实自我感觉还过得去吧，至少能工作，但就是自己还不够自信，在别人面前总会表现出一副初学者的样子，这是很不好的。       感慨的事就不说了，进入正题。       昨天在某Q群，有人大呼：谁给他解决他的PNG图片在IE6下的透明问题，他就给谁充话
ie6 网页背景html,解决ie6的浏览器css兼容问题
weixin_39997400的博客
07-03 216
ie6上css碰到的坑前两天在给一个项目做东西的时候，碰到一个有意思的项目，是需要兼容ie6，有一些碰到并且解决的问题，给大家写下来，方便大家以后碰到类似的问题哈～能帮到你的话，点个赞呗？1.important支持的不够好1.1为什么说不够好？important某些情况下不能决定最终的样式属性。1.2代码！代码！！我们通过对颜色的控制说明这一切~div {width: 100px;height: ...
IE6的PNG透明度解决方案详解
weixin_29155599的博客
10-03 1424
本文还有配套的精品资源，点击获取 简介：IE6浏览器不完全支持PNG-24格式透明度，但对PNG-8格式支持较好。通过多种技术手段，如JavaScript库、CSS精灵和CSS表达式，可以解决IE6中的PNG透明问题。本解决方案详述了各种方法的应用和优缺点，强调在现代浏览器普及的背景下，选择合适方案时需平衡兼容性和性能。 1. IE6的PNG透明度问题 IE...
解决png在IE6中背景不透明的问题
然而，在早期的IE6浏览器中，PNG格式的图像透明效果并没有得到很好的支持，这导致了在IE6中显示的PNG图像背景无法呈现预期的透明效果，而是显示为灰色或其他不正常颜色。 #### 解决方案 为了解决IE6浏览器对PNG...
解决IE6PNG透明背景显示灰色的IE7.js方案
在IE6浏览器中，直接使用PNG格式的图片文件，并且设置其背景为透明时，会遇到一个著名的兼容性问题——透明区域显示为灰色背景。这个问题是由IE6的渲染引擎不支持PNG24格式的透明度特性导致的。因为IE6只能正确显示...
IE6PNG透明背景灰色问题的解决方案
但IE6在网页设计和开发中带来了很多兼容性问题，其中最为人诟病的问题之一就是对PNG格式图片的透明背景支持不全，透明PNG图片在IE6浏览器下会显示为灰色背景。 PNG（Portable Network Graphics）是一种无损压缩的...
（27页PPT）某省市照明智能管理系统解决方案.pptx
12-20
（27页PPT）某省市照明智能管理系统解决方案.pptx
资阳市第二自来水厂3dtiles模型
最新发布
12-20
资阳市第二自来水厂3dtiles模型
山西省暴雨洪水计算实用手册
12-20
山西省暴雨洪水计算实用手册
V-ASSISTANT-V1.03.7z
12-20
V-ASSISTANT_V1.03.7z
Python从零到壹全栈学习资源库_包含Python基础语法详解网络爬虫实战案例数据分析与可视化机器学习算法原理与实现自然语言处理与文本挖掘数据库操作与数据存储Sele.zip
12-20
Python从零到壹全栈学习资源库_包含Python基础语法详解网络爬虫实战案例数据分析与可视化机器学习算法原理与实现自然语言处理与文本挖掘数据库操作与数据存储Sele.zip
遗传算法路径规划的MATLAB实现
12-20
先展示下效果 https://pan.quark.cn/s/a4b39357ea24 遗传算法 - 简书 遗传算法的理论是根据达尔文进化论而设计出来的算法: 人类是朝着好的方向（最优解）进化，进化过程中，会自动选择优良基因，淘汰劣等基因。 遗传算法（英语：genetic algorithm (GA) ）是计算数学中用于解决最佳化的搜索算法，是进化算法的一种。 进化算法最初是借鉴了进化生物学中的一些现象而发展起来的，这些现象包括遗传、突变、自然选择、杂交等。 搜索算法的共同特征为： 首先组成一组候选解 依据某些适应性条件测算这些候选解的适应度 根据适应度保留某些候选解，放弃其他候选解 对保留的候选解进行某些操作，生成新的候选解 遗传算法流程 遗传算法的一般步骤 my_fitness函数 评估每条染色体所对应个体的适应度 升序排列适应度评估值，选出 前 parent_number 个 个体作为 待选 parent 种群（适应度函数的值越小越好） 从 待选 parent 种群 中随机选择 2 个个体作为父方和母方。 抽取父母双方的染色体，进行交叉，产生 2 个子代。 （交叉概率） 对子代（parent + 生成的 child）的染色体进行变异。 （变异概率） 重复3,4,5步骤，直到新种群（parentnumber + childnumber）的产生。 循环以上步骤直至找到满意的解。 名词解释 交叉概率：两个个体进行交配的概率。 例如，交配概率为0.8，则80%的“夫妻”会生育后代。 变异概率：所有的基因中发生变异的占总体的比例。 GA函数 适应度函数 适应度函数由解决的问题决定。 举一个平方和的例子。 简单的平方和问题 求函数的最小值，其中每个变量的取值区间都是 [-1, ...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值