专栏首页opengpsie6不支持PNG图片解决办法(季雨林代码收集)

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
小图片没问题,有些图片会出现锯齿 

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 解析不规则csv文件文件帮助类

    public class SplitHelper { /// <summary> /// 拓展分割 /// </summary> ...

    opengps
  • 同一个网站,手机端跟电脑端显示不同是怎么实现的?

    同一套代码,自动实现手机端和电脑端的布局自动调整。例如:openGPS.cn 网站现在大部分页面已经支持自适应展示,手机端电脑端都可以访问本站内容,正常阅读。自...

    opengps
  • 已经开发好的网站,进行多语言支持

    最近开发一个项目,由于在欧洲使用,对于语言种类的要求比较多,本来只开发的中文,给华人华侨使用,但是业务需要,有些老外也需要使用这个项目,被要求进行多语言改造 但...

    opengps
  • Android Studio添加PNG图片报错原因

        今天在网上看到一个关于Splash Activity的Android帖子,博主在一通讲解之后也给出了代码。于是果断下载下来了看看怎么实现的。一步步照着流...

    24K纯开源
  • PNG 图片压缩原理解析

    PNG的全称叫便携式网络图型(Portable Network Graphics)是目前最流行的网络传输和展示的图片格式,原因有如下几点:

    芋道源码
  • 屌丝的眼泪,因为错过的初恋,才搞清楚PNG图片压缩原理

    因为之前在qq空间有太多的互动,所以qq推荐好友里面经常推荐我俩互相认识。。。。谜之尴尬

    Android技术干货分享
  • 数据库最佳实践: DBA 小马如何走上升值加薪之路?

    腾讯云数据库团队的同学结合自身的成长经历,用漫画的形式为我们分享了一位DBA是如何从菜鸟成长为大神,走上升职加薪,迎娶白富美之路的。

    腾讯云数据库团队
  • 常见图片格式了解 前言概念了解图片类型图片比较与场景应用一图胜前言总结引用 & 参考

    作为一个客户端开发,对于图片格式一直没有一个清晰的了解,这里简单的罗列出各种图片格式的区别,文章中有部分是他人的引用,会在底部放上链接,望轻喷。

    菜的黑人牙膏
  • Kubernetes Nginx Ingress Controller源码分析

    main controllers/nginx/pkg/cmd/controller/main.go:29 func main() { // start a ...

    Walton
  • Python 进程的创建 - multiprocessing

    multiprocessing模块就是跨平台版本的多进程模块,提供了一个Process类来代表一个进程对象,这个对象可以理解为是一个独立的进程,可以执行另外的事...

    Devops海洋的渔夫

扫码关注云+社区

领取腾讯云代金券