DD_belatedPNG,IE6下PNG透明解决方案

我们知道IE6是不支持透明的PNG的,这无疑限制了网页设计的发挥空间. 然而整个互联网上解决这个IE6的透明PNG的方案也是多不胜数,从使用IE特有的滤镜或是expression,再到javascript+透明GIF替代.但是这些方法都有一个缺点,就是不支持CSS中backgrond-position与background-repeat. 而我今天介绍DD_belatedPNG,只需要一个理由,就是它支持backgrond-position与background-repeat.这是其他js插件…

IE6下Png透明最佳解决方案(推荐) Unit PNG Fix

引自:http://www.yeeyan.org/articles/view/98510/67784 网络上解决IE6下Png透明解决方案有很多,例如 IE PNG Fix from TwinHelix, Javascript IE PNG Fix, Transparent PNGs in Internet Explorer 6 from 24 ways.等等.然而现在,我要和你分享的是 Unit PNG Fix . 因为它的确是太出众了. 1.非常小的javascript文件:1kb!2.解决…

解决IE6下PNG透明的JS插件:DD_belatedPNG.js

DD_belatedPNG是一款解决IE6下PNG透明的JS插件,支持background-position和background-repeat属性,支持伪类.使用方法: <!--[if lte IE 6]> <script type="text/javascript" src="JS/DD_belatedPNG.js"></script> <script> DD_belatedPNG.fix('#png,.png')…

(转)解决png图片在IE6下不透明的方法

来源于:http://xzl52199.blog.163.com/blog/static/95206446201142174540220/ 一.传统的JavaScript方法思路: 1.一个专门解决png图片无法在IE6正常显示的JS类DD_belatePNG.js, 2.在页面中引入该类,并且指定对那些页面元素起作用 eg:<script>DD_belatePNG.fix('img')</script> 表示对img标签,这里可以写类名代码: DD_belatePNG…

li:hover在ie6下失效的解决方案

li:hover在ie6下是无效的,它只在ie7以下版本有效.要解决这个问题有两个解决方法.一个是用js来解决,但是这种方法我不喜欢,因为它必需把js代码和css代码都放在html文件中.第二种是在每个li外面包裹一个加了IE6条件注释的用A包裹了的table 类似于:HTML code<li>xxxxxxxxxx</…

ie8下jquery改变PNG的opacity出现黑边,ie6下png透明解决办法

目前互联网对于网页效果要求越来越高,不可避免的用到PNG图片,PNG分为几种格式,PNG8 PNG24 PNG32,其中最常用的,也是显示效果和大小比较适中的则是PNG24,支持半透明,透明,颜色也非常丰富,但由于咱们国人使用IE系列或以IE为内核系列的浏览器占大多数,并且由于 WINDOWS XP在国内市场份额比较大,并且XP上好多人还在用IE6 IE7 IE8等浏览器,而这些浏览器对于PNG支持或多或少都有差距,IE6完全不支持PNG,IE7 IE8支持PNG不完全,在IE7 IE8下面对…

png格式的图片在IE6 下透明解决方案

FF和IE7已经直接支持透明的png图了,下面这个主要是解决IE6下透明PNG图片有灰底的 style="FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/fl.png')" 语法:filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sUR…

使IE6下PNG背景透明的七种方法任你选

原文地址:http://blog.csdn.net/mosliang/article/details/6760028 相信如何解决png在ie6下透明的问题困扰了很多人.为了追求更好的页面效果,很多人喜欢使用png格式的图片,恰恰因为ie6下png图片的透明问题,很多人不得不退而求其次地改用gif格式的图片.今天就来介绍一个ie6下png透明的解决办法,支持background(含 position.repeat.img src). 1. DD_belatedPNG简介: DD_belated…

IE6下CSS常见兼容性问题及解决方案

1. 在IE6元素浮动,如果宽度需要内容撑开,就给里面的块元素加浮动. 2. IE6下最小高度问题:在IE6下元素高度小于19px的时候,会被当作19px处理.解决方案:给元素加 overflow:hidden. 3. border:1px dotted #000: 1px dotted 在IE6下不支持解决方案:切背景平铺 4. margin传递:解决方案:a.父级或自己浮动; b.给元素加 overflow:hidden;zoom:1; 5. 在IE6下父级有边框的时候,子元素的margi…

IE6下的png透明图片的背景定位

在IE6下PNG透明图片做背景,无法使用background-position进行定位.但是可以使用margin和绝对定位来进行. 另外,由于IE6下的 :hover 只对<a>支持,对其他元素都不起作用,所以需要对IE6单独打补丁.可以使用微软提供的 csshover.htc文件进行修复. <ul class="nav"> <li> <a href="void 0" class="a"><i…

关于ie6下png背景透明

今天我突破了一个技术难关,真的是头都大了.. 关于ie6下png背景透明的解决方法,我就不多说了,网上有很多解决方法,我用的是其中的一种: <script type="text/javascript" src="js/iepng/iepngfix_tilebg.js"></script> <style type="text/css"> img,div { behavior: url(js/iepng/iepng…

IE6下png背景不透明——张鑫旭博客读书笔记

从今天开始跟着大牛张鑫旭的步伐,每天进步一点点问题:IE6不支持png背景透明或半透明一.可解决的方法补充:css滤镜主要是用来实现图像的各种特殊效果.(了解) css滤镜的标识符是“filter”,总体的应用上和其他的css语句相同.css滤镜可分为基本滤镜和高级滤镜两种.css滤镜分类 CSS滤镜可以直接作用于对象上,并且立即生效的滤镜称为基本滤镜.而要配合JavaScript等脚本语言,能产生更多变幻效果的则称为高级滤镜. 只有IE可以完全的支持滤镜,Firefox支持部分,其他内…

解决ie6下png背景不能透明bug

/*第一种方法:通过滤镜使用css解决的办法. 注意滤镜下的1像素透明gif的覆盖图片的路径是相对页面写的*/ /*注意:这个方法不适合处理img标签引入的png图片,代码太冗余了*/ .banner img{ azimuth: expression( this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.ru…

让ie6对png透明图片支持起来

[声明:此文仅是对低版本ie使用透明图片的一个研究,当时出于工作要求,所以花费了一番心思在兼容旧版本ie上,现在对ie8都是做降级处理了.不培养用户坏习惯.引导用户跟随潮流体验新技术应是我们前端开发者的责任.] 一个老生常谈的问题就是ie6不支持透明png图片啊.但其实ie6只是不支持png-24格式的透明背景图片,但对透明背景的png-8图片还是支持的,只是png-8图片只有256色,放到任意浏览器都会呈现白色的锯齿. 当代码这样时: <style type="text/css"…

解决IE6下不支持 png24的透明图片问题

常用的两种解决方案: 第一:使用IE滤镜解决关键代码: css代码 _background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/images/png24.png',sizingMethod='crop'); 有几点注意点: 1:这里对应的src地址一定是相对于html页面的不是相对于css路径的. 2: 只能对单张的 png图片使用,意思是不能使用background-positio…

使用DD_belatedPNG让IE6支持PNG透明图片

使用DD_belatedPNG让IE6支持PNG透明图片众所周知IE6不支持透明的PNG图片,而PNG图片在Web设计方面表现力上,具有其它图形格式所达不到的效果,IE6这一致命缺陷极大地限制了Web设计的创意发挥.虽然解决IE6的透明PNG的方法也很多,从使用IE特有的滤镜或是expression,再到javascript+透明 GIF替代.但是这些方法都有一个缺点,就是不支持CSS中backgrond-position与background-repeat属性.而使用DD_belatedP…

解决全站ie6下PNG图片不透明问题只要几行代码

解决全站ie6下PNG图片不透明问题只要复制下面这几行代码粘贴在你的文档最底部,需要用到的包DD_belatedPNG_0.0.8a.js自己网上下载吧代码走起 /*在文档底部加入以下代码*/ <!--[if IE 6]> <script src="DD_belatedPNG_0.0.8a.js"></script> <script> DD_belatedPNG.fix('.img_calendar');/* 此处加入的是包含PNG图片…

IE6 下 DD_belatedPNG 引发的血案

群里一朋友Q我,说遇到兼容性问题了,我说为何不用jQuery呢(因为他们公司要求尽量js写).他说用了,还是有问题,IE6下不行,其他都行.然后他发我代码,我一开始真以为是兼容性问题,比如数组对象最后的逗号,如: var arr = [1, 2, 3,]; var obj = {a:1, b:2, c:3,}; 这个在IE8-下是不行的,其他浏览器却没问题.(这些天好多人问我,发现都是这个问题,所以潜意识以为是了)可是找遍了对象数组,也没发现问题,然后开始顺藤摸瓜去读他写的代码.依然没发现兼容性…

解决IE6下png图片不透明

ie6着实是非常让人讨厌,显示一张图片,也要带着灰白色的背景色,一张好好的png图片就这么不透明了. 用n多中网上的方式,差点成功的就还有这个了 _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='your.png',sizingMethod="crop"); 只可惜我这张图片是五个小图标合成的,不能光光显示一张图片出来,所以以失败告终. 好吧,咱再接再厉.果不其然,有好…

前端问题——png图片在IE6下透明失效，解决办法

今天,一位同事问我问题,png 图片在IE6下透明背景失效. 解决办法,在网上查了很多,最后还是采用两种方案来解决这个问题 1.把这个网页的png格式图片变更为gif格式的图片.问题解决 2.就是让这个网页引用一段JS代码,如下: if (!window.XMLHttpRequest) { window.attachEvent("onload", enableAlphaImages); } function enableAlphaImages(){ for (var i=0; i<…

ie6下：png图片不透明和背景图片为png的节点的内部标签单击事件不响应

1.png图片不透明少量图片时:使用滤镜: _background:none; _filter:prodig:DXImageTransform.Microsoft.AlphaImageLoader(src="../a.png"); 注意: 测试发现如果把样式写在css文件里,而非当前页面的<style></style>里,则不会生效. 图片多时:使用js插件,可参考ie6里png图片不透明. 其实如果是少量图片,可以直接把png改成gif,就不用特意为ie6作…

IE6下出现横向滚动条问题的解决方案

当我们在css样式设置为html {overflow-y:auto;}时,在ie7以上版本应用时不会有问题,可是在ie6下就会发现垂直滚动条出现会引起横向滚动条出现.究其原因是在ie6下,当内容过多出现垂直滚动条时,此时页面的宽度为其本来宽度加上滚动条的宽度,导致页面宽度超过100%,而出现横向滚动条,在ie7+浏览器中,会自动的识别滚动条,页面宽度为内容的宽度加上滚动条的宽度等于100%,而不会出现滚动条,这相当于是ie的滚动条bug(纯属个人见解,不对的地方还请指出,共同学习交流). 解决上…