当前位置: 首页 > news >正文

6个简单的解决方案解决Internet Explorer中的透明度问题

在Internet Explorer中的透明度始终是一个所有Web设计者的大问题。设计网页的时候要考虑的IE6的兼容性问题。,我们设计的网站要在firefox/opera/chrome下调试,最后还要在IE中测试兼容性问题

关于IE6的一个主要问题是透明度问题。IE6无法正确呈现透明的 PNG图像。结果是你设计的网站在其他浏览器当可以显示,放在IE6下面就乱了,哈哈,幸运的是,有几个解决方案,它可以帮助网页设计师克服IE6的透明度问题。他们每个人都使用不同的方法。今天,我就将简要看看这些方法奉献给大家,你看看你考虑用哪种方法,以后如果在遇到类似的问题,你不要去说上百度搜,怎么样解决,只要你把这篇文章记下来,以后任何的透明度问题,都保证全部解决

1。jQuery.pngFix.js

此解决方案要求jQuery和css背景一起作用。要使用此方法,简单的添加jQuery的在你的头部和pngFix插件,然后激活js函数。这个插件将修复在Windows Internet Explorer 5.5及6失踪的PNG透明度问题,使用方法

 

1.在头部引用文件

1 <head> 
2 ...
3 <script type="text/javascript" src="jquery-latest.pack.js"></script>
4 <script type="text/javascript" src="jquery.pngFix.js"></script>
5 ...
6 </head>

2,激活这个方法

1 <head> 
2 ...
3 <script type="text/javascript">
4 $(document).ready(function(){
5 $(document).pngFix();
6 });
7 </script>
8 ...
9 </head>




 

2。DD_belatedPNG

DD_belatedPNG youe IE6/PNG问题是另一个JavaScript解决方案。为了使用此解决方案,只需将它添加到您的文档,调用的CSS选择器的DD_belatedPNG.fix togother属性。

1 <!--[如果IE 6]> 
2 <script src="DD_belatedPNG.js"> </ SCRIPT>
3 <SCRIPT>
4 / *示例* /
5 DD_belatedPNG.fix('.png_bg'); / *字符串参数可以是任何CSS选择器* / / *。png_bg的例子是不必要的* / / *将其更改为适合你 !* / </ SCRIPT> <[ENDIF] - >
6



3。TwinHelix IE PNG修复
TwinHelix的解决方案需要使用CSS属性的行为 。您需要上传文件包中的“iepngfix.htc”和“blank.gif”文件即可

4。IE7.js

IE7.js是一个JavaScript库,Microsoft Internet Explorer的行为像一个符合标准的浏览器。它修复了许多HTML和CSS问题,IE5和IE6下透明PNG正常工作。

在ie7中代码是

1 <!--[if lt IE 7]>
2 <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE7.js"></script>
3 <![endif]-->

在IE8中的代码是

<!--[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>
<![endif]
-->

在IE9 中的代码是

<!--[if lt IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]
-->





5。

Unit PNG Fix

UnitPNG的修补程序写上代码自动运行,确保所有的PNG透明,并且他不与背景重复

6,在Windows IE的PNG

只需3行代码,你会得到你所有的PNG文件的透明度。代码打包下载

<!--[if lt IE 7.]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]
-->



相关文章:

  • Atom飞行手册翻译: 3.5 创建主题
  • RMAN的基本概念和常用命令
  • 《go语言程序设计》学习(七)
  • Android NDK revision 7 Host 'awk' tool is outda...
  • VLAN的Hybrid和Trunk端口有何区别
  • 运行时库链接错误的修复方法
  • python def和lambda的一点心得
  • Mysql几种索引类型的区别及适用情况
  • 怎么将一个类的成员函数作为指针传递给另一个类的成员函数
  • Linux下安装MySQL
  • 新手ui设计师必备——切图规范
  • 查询条件字段做运算优化
  • 很全的SQL注入语句,有SQL漏洞的都可以拿下
  • [转]WIN7系统安装Apache 提示msvcr110.DLL
  • Linux上的avahi-daemon Service服务
  • 【Redis学习笔记】2018-06-28 redis命令源码学习1
  • 【跃迁之路】【585天】程序员高效学习方法论探索系列(实验阶段342-2018.09.13)...
  • egg(89)--egg之redis的发布和订阅
  • extjs4学习之配置
  • in typeof instanceof ===这些运算符有什么作用
  • Java 11 发布计划来了,已确定 3个 新特性!!
  • JavaScript的使用你知道几种?(上)
  • java架构面试锦集:开源框架+并发+数据结构+大企必备面试题
  • leetcode46 Permutation 排列组合
  • linux安装openssl、swoole等扩展的具体步骤
  • Nodejs和JavaWeb协助开发
  • PhantomJS 安装
  • vue从创建到完整的饿了么(11)组件的使用(svg图标及watch的简单使用)
  • 百度小程序遇到的问题
  • 近期前端发展计划
  • 聊聊spring cloud的LoadBalancerAutoConfiguration
  • 如何胜任知名企业的商业数据分析师?
  • 数组大概知多少
  • 突破自己的技术思维
  • 小程序button引导用户授权
  • # Pytorch 中可以直接调用的Loss Functions总结:
  • (C语言)输入自定义个数的整数,打印出最大值和最小值
  • (附源码)springboot社区居家养老互助服务管理平台 毕业设计 062027
  • (六)c52学习之旅-独立按键
  • (论文阅读11/100)Fast R-CNN
  • (十六)一篇文章学会Java的常用API
  • (转)shell中括号的特殊用法 linux if多条件判断
  • (转)甲方乙方——赵民谈找工作
  • ***测试-HTTP方法
  • .bat批处理(五):遍历指定目录下资源文件并更新
  • .gitignore文件设置了忽略但不生效
  • .net core 6 集成和使用 mongodb
  • .net FrameWork简介,数组,枚举
  • .Net 代码性能 - (1)
  • .NET4.0并行计算技术基础(1)
  • .net与java建立WebService再互相调用
  • .Net中的集合
  • /var/spool/postfix/maildrop 下有大量文件
  • @ConditionalOnProperty注解使用说明
  • @kafkalistener消费不到消息_消息队列对战之RabbitMq 大战 kafka