ie6不支持PNG图片解决办法(季雨林代码收集)

PNG图像格式介绍:

PNG是20世纪90年代中期开始开发的图像文件存储格式,其目的是企图替代GIF和TIFF文件格式,同时增加一些GIF文件格式所不具备的特性。流式 网络图形格式(Portable Network Graphic Format,PNG)名称来源于非官方的“PNG’s Not GIF”,是一种位图文件(bitmap file)存储格式,读成“ping”。PNG用来存储灰度图像时,灰度图像的深度可多到16位,存储彩色图像时,彩色图像的深度可多到48位,并且还可 存储多到16位的α通道数据。

IE6下PNG背景透明的显示问题

PNG格式比起GIF来表现色彩更丰富,特别是表现渐变以及背景透明的渐变要比GIF格式出色很多,目前,最新的浏览器基本上都支持PNG格式。但是IE6不支持PNG背景透明,会显示一个灰色的框。

IE6下PNG背景透明的解决办法

.pngImg
注意上文的_号,目前IE7,8以及Firefox浏览器等都不支持此CSS语法,只有IE6识别。因此,其他浏览器会调用PNG,而IE6刚调用GIF。

二.滤镜filter解决IE6下背景灰

background:url(a.png) repeat-x 0 0; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="a.png" ,sizingMethod="crop");
上面的原理是其他调用PNG,IE6,则先设背景没有,然后调用滤镜使之显示PNG图片。

缺陷:IE6下背景无法平铺,这个问题很严重。同时在性能上也有小问题,页面中次数不是很多的时候该办法还是可行的。

AlphaImageLoader滤镜会导致该区域的链接和按钮无效,解决的办法是为链接或按钮添加:position: relative;这样条代码,使其相对浮动。AlphaImageLoader无法设置背景的重复,所以对图片的切图精度会有很高的精确度要求。

ie6不支持PNG的24位,只要改成PNG8就好了。
例:文件-存储为WEB所用格式-下拉选择PNG8
小图片没问题,有些图片会出现锯齿 
时间: 2024-12-10 20:27:52

ie6不支持PNG图片解决办法(季雨林代码收集)的相关文章

uc浏览器不显示图片解决办法

  uc浏览器不显示图片解决办法.现在,不少人都在使用uc浏览器,但是在使用过程中,有用户反映,uc浏览器不显示图片怎么办?很多朋友可能还不知道,下面小编给你分享下uc浏览器不显示图片解决办法. uc浏览器 方法 1关闭移动网络,过一会儿再打开网络. 有时,由于移动网络的不稳定,网速很慢,会导致uc浏览器在启动后,图片迟迟不能显出出来.这时,你可以选择关闭网络,过一会再开启uc浏览器. 当然,你也可以走动一下,去信号稍微好一点,网络稳定的地方再打开uc浏览器. 2uc浏览器设置错误. 有时,打开

jquery fancybox ie6不显示关闭按钮的解决办法

 本篇文章主要是对jquery fancybox ie6不显示关闭按钮的解决办法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 解决办法:   打开jquery.fancybox-1.3.4.css 注释掉这行就行了: 代码如下: .fancybox-ie6 #fancybox-close    {       background: transparent;       filter: progid:DXImageTransform.Microsoft.AlphaImageLoade

本地php环境不支持curl_exec的解决办法

在测试安装某源码时,安装程序检测到本地php环境不支持curl_exec         我果断进行了一阵搜索后,东拼西凑找到了一些php环境不支持curl_exec的解决办法,通过自己实际操作解决了这个问题.以下是自己操作后总结的方法: 1.在C盘的windows目录下找到PHP.INI配置文件,使用PHP编辑器打开,找到extension_dir = "../",改为自己php安装目录下ext目录的绝对路径,如:extension_dir = "C:/AppServ/ph

ie6浏览器不支持position:fixed解决办法

滚动条是body的滚动,固定元素是相对body定位,那么把它设置窗口那么高,不就一直是在窗口那个位置了?  代码如下 复制代码 html { _overflow: hidden; } body { _height: 100%; _overflow: auto; } .box {     position: fixed;     left: 10px;     top: 180px;     _position: absolute; } 自家用法介绍  代码如下 复制代码 html,html bo

访问本页面 您的浏览器需要支持JavaScript的解决办法

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 百度site:首页出现"访问本页面,您的浏览器需要支持JavaScript".这样的情况,对于一个刚刚引起搜索引擎重视的新站来说是相当大的打击,需要尽快找出原因跟解决办法. 首先分析原因,用站长工具模拟搜索引擎蜘蛛抓取,结果却是"访问本页面,您的浏览器需要支持JavaScript".用谷歌管理员工具中实

基于Unit PNG Fix.js有时候在ie6下不正常的解决办法

网站页面使用unitpngfix.js可以在ie6下使png图片透明. 但是有时候会出现png背景不透明,显示为灰色的问题. 这是因为在页面加载unitpngfix.js后面有其他js.解决方法:将unitpngfix.js加载代码:<script type="text/javascript" src="js/unitpngfix.js"></script>移到页面最底部.

Word不显示图片怎么办?word不显示图片解决办法

  打开word文件时,有时候会遇到不显示图片的情况.word文件中图片无法显示有什么解决办法? 下面小编简单为大家总结一下几种原因及解决方法. 情况一: 可能是由于正在普通视图或大纲视图中工作. 解决方法:若要查看页眉.页脚或图形对象等对象在打印页中的位置,请切换到页面视图.若要查看这些对象在 Web 版式视图中的显示情况,请切换到 Web 版式视图. 情况二: 屏幕上显示的可能是链接的嵌入式图形的域代码.域代码是括在域字符 ({}) 中的指令. 解决方法:若要关闭域代码并显示图形,请按 Al

基于Unit PNG Fix.js有时候在ie6下不正常的解决办法_javascript技巧

网站页面使用unitpngfix.js可以在ie6下使png图片透明.但是有时候会出现png背景不透明,显示为灰色的问题.这是因为在页面加载unitpngfix.js后面有其他js.解决方法:将unitpngfix.js加载代码:<script type="text/javascript" src="js/unitpngfix.js"></script>移到页面最底部.  

IE6下float出错误解决办法

margin 和 padding 只是一个间接原因,如果没有内外边距,可能外层 div 刚好可以容纳内部的 float. 加上边距后,每个 float 占用的空间就变大了,首先带来的问题是 div 的宽度不够,那么,愚蠢的 IE6 就会产生莫名其妙的问题,反映给用户的现象就是出现鬼影. 解决方案一: 准确计算内部 float 元素加在一起占用的宽高,确保外层 div 在 css 中明确指定了具体的 width 和 height 像素值,问题不会再出现. 其它解决方案 给浮动的div加上两个语句