• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >浏览器兼容 > css 半透明 让IE6支持png图片半透明解决方法

css 半透明 让IE6支持png图片半透明解决方法

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-06-02

本文主要包含css ie6,ie6下png背景透明,ie6兼容png,ie6支持png,ie6 png背景透明等相关知识,佚名 希望在学习及工作中可以帮助到您
众所周知,透明格式的PNG24在IE6透明部分将会被灰色替代。
那么,到底有什么方法可以解决这个bug?

解决方法:
①用PNG8格式图片替代PNG24格式的图片
用fireworks导出Alpha模式的PNG8格式的图片,Alpha模式的PNG8格式图片支持半透明,在IE6下全透明以及半透明部分会显示成全透明,并且会存在锯齿。如果对用户体验影响不是很大的话,可以考虑一下用这个方法。

②CSS滤镜
在应用了透明PNG图片的选择器里面加上一下代码:
_background: transparent;

_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='img/nav.png', sizingMethod='scale');
这种方法的缺点:
(a)只能用于背景图片是透明的情况下,页面中的PNG透明图片无效;
(b)背景图片无法平铺,只能拉伸;
(c)导致该区域内的链接和按钮失效;
解决方法:在该区域外部添加链接或者按钮,再用margin覆盖到该区域上面;也可以用position定位实现。

③jQuery PNG fix插件
相对于前面的方法,jQuery的IE6下png透明插件相对要强大些。插件jquery.pngFix.js下载以及具体使用方法。
由于地址上的是英文,在这里还是简单翻译一下吧。
在head内部添加:

我没有实际用过这种方法,但是在写这篇文章做测试的时候初步感觉还是这个方法比较好。下次切图的时候会尝试一下用这种方法。 </div>

您可能想查找下面的文章:

  • CSS针对IE6实现网页图片底部留出空白的方法
  • 让IE6支持兼容min-width、max-width CSS样式属性的方法
  • CSS中针对IE6、7和FF等浏览器的特殊样式写法
  • 纯CSS实现背景半透明文字不透明效果兼容IE6
  • 图片垂直居中css写法兼容ie6
  • IE6下css设置容器高度的BUG不能小于某个值
  • IE6下CSS多类选择符优先级不起作用的bug分析及解决方法
  • IE6 CSS高度height:100% 计算失效/无效
  • css 半透明 让IE6支持png图片半透明解决方法
  • CSS控制页面最大最小宽度和高度可兼容IE6版本的实现方法

相关文章

  • 2017-06-02CSS hack技巧之IE6,IE7,firefox显示不同效果
  • 2017-06-02ie下没有背景色bug的解决方法
  • 2017-06-02IE6不兼容position:fixed属性的解决办法分享
  • 2017-06-02FF浏览器下float换行的问题解决方法(IE和Chrome正常)
  • 2017-06-02史上最全的CSS hack方式一览(兼容多浏览器)
  • 2017-06-02css实现跨浏览器的盒阴影效果告别图片实现类似效果
  • 2017-06-02解决中文版Chrome下网页不能显示小于12px字体
  • 2017-06-02png图片在ie8浏览器下有黑色边框的解决方法
  • 2017-06-02css 透明度的设置兼容所有浏览器
  • 2017-06-02css FF与IE兼容性总结

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • Firefox奇怪的文字溢出bug div里面的文字溢出
    • ie6中li插入图片后下方有空隙(经典bug)多种解决方法
    • css IE8 兼容问题的汇总
    • CSS常用浏览器兼容调整小结
    • 拥有最小高度能自适应高度同时全兼容IE、FF的div设置
    • IE9的css hack使用示例
    • IE6 bug修正的10个小技巧 推荐
    • 让IE6/IE7/IE8支持CSS3属性的8种方法介绍
    • ie8 background背景图片没有显示
    • IE6中DIV使用了relative不定义宽度导致right定位误差

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有