关于IE6和PNG24和PNG8之间的故事

简介:

最近在做学院的门户网站,以前都是直接忽略IE6的,首次尝试兼容IE6,学习兼容效果。

正常情况下:

xg2

IE6下:多了个灰色的背景,本来是半透明的效果。

xg3


png8和png24的区别

  1. png8:

    有1位的布尔透明通道

    要么完全透明,要么完全不透明

  2. png24:

    则有8位(256阶)的布尔透明通道

    半透明

    如果是半透明的图片存储为PNG8,图片四周会有锯齿,阴影也会不见png-8 和 gif 有一些相似之处,模式都是索引颜色,只支持像素级的纯透明,不支持 alpha 透明。


IE6下的png24和png8

我们通常说的“IE6 不支持 PNG 透明”,是指不支持 PNG-24 的透明。但是 IE6 支持 PNG-8 的透明,就像支持 gif 的透明一样。


解决方法

  1. 换成png8

    用PHOTOSHOP将png24转成png8

  2. 滤镜

    代码如下:

    background:url(../images/logo.png) no-repeat 0 0;  
     _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=”../images/logo.png”,sizingMethod=’crop’);  
     _background:none;
    

    sizingMethod:crop|scale|image

    crop:以原图大小显示对容器没影响。

    scale:根据容器大小拉伸图片尺寸。

    image:根据图片尺寸调整容器大小。

    缺点:是背景图片无法定位。

  3. JS(滤镜原理)

    pngfix是让IE6支持PNG的一个jquery插件,支持网页图片,背景图(可平铺定位),文本框背景图等。

    推荐:转成png8,最安全、最省力。

目录
相关文章
|
编解码
LabVIEW条形码识别(实战篇—5)
LabVIEW条形码识别(实战篇—5)
LabVIEW条形码识别(实战篇—5)
|
1月前
|
安全 Cloud Native 数据安全/隐私保护
ServiceMesh 服务网格全解:Istio 核心原理拆解与云原生架构升级实战
本文深入解析ServiceMesh核心理念及Istio实践:剖析微服务治理痛点,详解Istio架构(istiod控制面+Envoy数据面)、xDS协议、流量拦截原理,并覆盖灰度发布、mTLS安全、熔断限流、可观测性等关键能力实战与生产最佳实践。
427 1
|
3月前
|
人工智能 自然语言处理 安全
2026数字人公司TOP企业排行
随着AI、图形学等技术进步,数字人产业快速发展。2025年我国相关企业超1200家,规模突破300亿元。阿里、华为、腾讯、世优科技等企业在电商、通信、社交、AI交互等领域领先,推动数字人在金融、政务、教育等场景落地。技术趋同下,全栈能力与行业理解成竞争关键。
|
缓存 监控 测试技术
php-fpm优化调优
php-fpm优化调优
436 4
|
机器学习/深度学习 编解码 算法
《探秘目标检测算法:YOLO与Faster R-CNN的原理及发展之旅》
目标检测是计算机视觉的重要任务,旨在识别图像或视频中的目标及其类别。早期依赖滑动窗口和人工特征(如HOG、SIFT),结合SVM等分类器,但计算量大、精度有限。随着深度学习兴起,R-CNN系列(R-CNN、Fast R-CNN、Faster R-CNN)逐步引入CNN和区域提议网络(RPN),显著提升速度和精度。YOLO系列(v1-v8)将检测视为回归问题,直接预测边界框和类别,以速度快著称。近年,基于Transformer的DETR等模型崭露头角,利用自注意力机制捕捉全局信息。未来,目标检测将在精度、速度和泛化能力上取得更大突破。
742 16
|
存储 JSON 安全
ThinkPHP 文件上传 fileSystem 扩展的使用
本文介绍了在ThinkPHP框架中使用filesystem扩展进行文件上传的方法。包括安装filesystem扩展、了解配置文件、上传文件的验证规则以及文件上传的示例代码,旨在帮助开发者实现文件的安全上传和存储。
ThinkPHP 文件上传 fileSystem 扩展的使用
|
开发工具 git 开发者
【git merge/rebase】详解合并代码、解决冲突
【git merge/rebase】详解合并代码、解决冲突
3417 0
|
存储 Web App开发 安全
如何防范 CSRF 攻击
CSRF(跨站请求伪造)攻击是一种常见的安全威胁。防范措施包括:使用Anti-CSRF Token、检查HTTP Referer、限制Cookie作用域、采用双重提交Cookie机制等,确保请求的合法性与安全性。
|
存储 固态存储 安全
阿里云服务器最新收费标准与云服务器活动价格参考
阿里云服务器最新收费标准参考,入门级1核2G配置收费标准最低64.06/月,2核4G收费标准最低68.0/月,4核8G收费标准最低216.0/月,8核16G收费标准最低432.0/月,目前在阿里云的活动中,2核2G最低36元1年,2核4G企业最低199元1年,2核8G活动价格最低652.32元1年,4核8G活动价格最低955.58元1年,8核16G活动价格最低3815.03元1年。更多不同实例规格及配置的阿里云服务器最新收费标准,活动价格如下文所示。
|
JavaScript 前端开发 调度
事件驱动模型
【10月更文挑战第7天】事件驱动模型
750 7