解决PNG图片在IE6下的透明问题

最新推荐文章于 2019-09-29 11:35:36 发布
最新推荐文章于 2019-09-29 11:35:36 发布
阅读量488 收藏
点赞数
分类专栏： div+css 文章标签： ie filter url
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/peidandan/article/details/7612154
版权

.pngs {

            width:57px;

            height:56px;

            position:absolute;

            top:105px;

            left:103px;

            background:url(../images/png.png) no-repeat;

            _background:none;

            _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/png.png',sizingMethod='crop');

} 



要注意的是图片路径写法，(*^__^*) 嘻嘻……







恒妹
关注
专栏目录
解决png图片在IE6下的透明问题
daxiang的专栏
05-03 906
已经几天没更新博客了，也就是这几天学习上的进账收效甚微，原因是在准备毕业答辩的事，还有两天时间用在了跑去东莞面试，面试的结果很悲催呵呵。自己其实自我感觉还过得去吧，至少能工作，但就是自己还不够自信，在别人面前总会表现出一副初学者的样子，这是很不好的。       感慨的事就不说了，进入正题。       昨天在某Q群，有人大呼：谁给他解决他的PNG图片在IE6下的透明问题，他就给谁充话
解决png格式图片在IE6中无法透明
XCMercy
06-17 267
解决方案 为了解决png格式图片在IE6中无法透明（其实是图片中的透明背景在IE6中会显示成灰色）问题，这里提供一种方案，该方案需要借助一个外部js文件来解决，该js文件下载地址：解决png格式图片在IE6无法透明的js文件 1. 在出现png图片无法透明的页面引入上述js文件 2. 在body标签的最后加入下面的代码，fix方法的参数是需要解决透明问题的png图片的选择器，可以是多个选择器...
jQuery解决IE6下PNG图片背景透明问题
a994182的博客
02-21 128
原文转至：http://www.itivy.com/ivy/archive/2011/2/19/634337550187186848.html IE6问题真的很多，其中有一个问题是PNG图片背景无法变成透明，取而代之的是一个色块，有时候我们想用png透明图片来做小图标，这个在IE6下就纠结了，下面我们用一个jquery插件来解决这个问题，希望能帮上大家。 首先下载SuperSle...
IE6上解决PNG透明图片问题
xlxin的专栏
06-21 159
到官网下载DD_belatedPNG：http://dillerdesign.com/experiment/DD_belatedPNG/#download 然后你的页面上添加如下代码即可： 如果是在在iframe中的页面，请修改DD_belatedPNG源码： 找到如下代码： if (el.currentStyle.position == 'static') { e...
解决ie6中png图片格式不兼容问题
qq_29069777的博客
09-29 158
在IE6中对图片格式png24支持度不高，如果使用的图片格式是png24，则会导致透明效果无法正常显示 解决方法： 　　1.可以使用png8来代替png24，即可解决问题，但是使用png8代替png2...
IE6下png图片透明问题
沫沫酱
10-29 487
以前用到png图片的时候，总是担心，IE6下会出现的灰色背景，所以一直用gif格式的图片来替换png格式的图片，代码如下： .pngImg {  background:url(image.png);  _background:url(image.gif);    }    在其他浏览器下调用的是图片image.png，IE6识别_,调用image.gif图片，这样做有些缺点，就是gif图
解决ie6png透明的方法小结
adobe1992
07-25 696
PNG格式比起GIF来表现色彩更丰富，特别是表现渐变以及背景透明的渐变要比GIF格式出色很多，目前，最新的浏览器基本上都支持PNG格式。 （1）使用IE特有的expression .pngImg { background:url(image.png); _background:url(image.gif);}  原理：上文的_号，目前IE7,8以及Firefox浏览器等都不支持此CSS语
png24图片在IE6下的透明度问题
weixin_34409822的博客
11-16 164
png24图片中IE6下的透明度问题 相信对于每个前端开发人员来说并不陌生！PNG(Portable Network Graphics)是W3C推荐的网页图片通用格式，但是Microsoft的IE6以下(IE7已经支持)没有把PNG的Alpha 通道打开，造成透明PNG图片的效果出不来。在Firefox、Opera下显示正常的透明PNG图片，在IE...
解决IE6中png图片透明的问题的方法
qq_37555524的博客
09-20 207
看了群的聊天记录，一直有人问IE6下png图片怎么透明，其实有关png透明的文章网上有很多，方法也有很多，这里就小小的总结一下： 1、使用GIF代替 .pngImg { background:url(...
js 解决png图片在IE6下透明问题
11-20
标题提到的“js 解决png图片在IE6下透明问题”是一个典型的老版IE浏览器兼容性问题。PNG格式的图片支持透明度，但在IE6中，PNG-24格式的图片会出现背景透明效果失效的问题，而PNG-8格式则只能支持256色，限制了色彩...
格式png24透明底 多种解决png24格式图片在ie6中透明问题
09-25
具体做法是在CSS中对png图片使用滤镜，这样在IE6环境下可以展示出透明效果，而在其他浏览器中则不会影响正常显示。 2. 兼容性CSS代码写法 在编写CSS代码时，可以针对IE6以及其他标准浏览器使用不同的样式。通常的...
png在IE6 下无法透明的解决方法汇总
09-03
总的来说，虽然IE6对PNG透明的支持不完美，但通过使用滤镜和其他技巧，我们可以确保在IE6下也能呈现PNG的透明效果。在开发过程中，考虑到老版本浏览器的兼容性是至关重要的，这有助于确保网站在更广泛的用户群体中...
IE6下PNG图片透明问题解决方案集锦
09-25
以下将详细介绍三种解决IE6下PNG图片透明问题的方法。 1. **滤镜方法**： IE6支持一种名为`AlphaImageLoader`的滤镜，可以通过CSS来实现PNG图片的透明效果。语法如下： ```css _filter: progid:DXImageTransform...
轮播切换效果+点击放大图
Dandan的前端开发---专注于div css js jquery
08-27 7423
效果如下： css如下： /*============新品============*/ img{border:0 none} .more_pro .moreandmore{text-align:left;width:404px;} .more_pro .moreandmore .more_bt{margin:0 auto 0 30px;width:111px;height:40p
tab切换，适用于多个tab切换
Dandan的前端开发---专注于div css js jquery
07-11 7421
tab切换 * {     padding:0;     margin:0 } body {     font-size:12px } ul, li, ol {     list-style:none } a {     text-decoration:none } .clearfix {     clear:both;     overflow:hidde
($(this).offset().top
Dandan的前端开发---专注于div css js jquery
11-08 6359
$(document).ready(function(){       $('.cate_share_box ul li').addClass(function() {          return 'item_' + jQuery(this).index();     });        var mouseoverDiv=jQuery('.cate_share_box li.two
点击top回滚到顶部和窗口浮动跟随鼠标上下移动
Dandan的前端开发---专注于div css js jquery
04-13 3525
TOP图片：id="toTop" src="images/scroll_to_top.gif" width="38" height="68" alt="Scroll to Top" title="Scroll to Top" /> 点击TOP回滚到顶部js如下： jQuery.noConflict(); (function($) {  var ScrolltoTop = $("#toT
模拟select成ul li展示
Dandan的前端开发---专注于div css js jquery
12-26 3408
jQuery(function($){     var selDOM = function(obj){     for(var i=0;i       var items = jQuery(obj[i]);       for(var k=0;k       (function(){         var arrDOM = [""], item = jQuery(items[k]);
前端开发工程师目前局势是非常辛苦的
Dandan的前端开发---专注于div css js jquery
08-18 3067
前端开发辛苦的原因是什么，我不知道在你日夜奋战div+CSS的时候思考过没有。就我的经验，前端的辛苦在于以下几个方面：   　　◎ 重复劳动多，大量的div+css都是重复的，即便可以复制粘贴，但几千行的div海洋中去寻找一个入口恐怕都非常痛苦  　　◎ 需求变更多，往往你折腾几个小时终于把跨平台问题解决好了，而且在IE6、7和Firefox下面都能显示同样的效果了，甚至连JavaScr
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值