IE6 png图片实现半透明的方法
IE6中支持PNG半透明图片完美解决方法-divcss5亲測
从IE7及IE7以上版本号都支持PNG半透明格式图片，而只有IE6不支持png格式透明图片，而GIF半透明效果不及png半透明格式图片，由此我们迫不及待须要解决IE6兼容png图片方法，这里www.divcss5.com为你介绍一种万能支持Png透明图片css hack 。
支持png透明图片解决方法图下文。
一、须要JS文件支持 - TOP
1、须要DD_belatedPNG.js和DD_belatedPNG_0.0.8a.js文件，以下我们会提供打包下载
2、须要在须要支持png图片html页面引入这2个JS文件（2个js文件我们放入到js目录里为例）
由于是针对IE6的，其他更高版本号浏览器不须要使用此特效，所以我们使用注解式if条件让IE6读取JS文件，代码例如以下：
- <!--[if IE 6]>
- <script src="js/DD_belatedPNG_0.0.8a.js" type="text/javascript" ></script>
- <script type="text/javascript">
- DD_belatedPNG.fix(' ');
- </script>
- <![endif]-->
以上代码针对ie6 html凝视，ie6将读取解析以上if条件凝视内代码。从而让IE6引入须要的JS文件及代码。以上代码放入html网页里<head></head>之间就可以。
二、须要在使用PNG图片网页声明类 - TOP
我们引入了JS，同一时候我们添加代码：
- <script type="text/javascript">
- DD_belatedPNG.fix(' ');
- </script>
1、我们在css背景属性使用png透明图片解决
假如我们对".divcss5{...}"里使用png图片，这个时候我们只需“DD_belatedPNG.fix(' ');”内的括号内做下类声明就可以解决，相应代码：
- <script type="text/javascript">
- DD_belatedPNG.fix('.divcss5 ');
- </script>
2、我们在html使用img标签使用png透明图片解决
假如我们在.divcss5盒子里使用的img引入png图片解决代码：
- <script type="text/javascript">
- DD_belatedPNG.fix('.divcss5 img');
- </script>
综合以上2点，两种情况都遇到时候，代码：
- <script type="text/javascript">
- DD_belatedPNG.fix('.divcss5 img,.divcss5');
- </script>
也就是在相应声明地方使用英文小写逗号分开就可以，以此类推假设遇到一个html网页中多处使用png不管是CSS背景还是html img标签，我们都能够使用逗号放开组合声明。
三、png透明解决源文件下载 - TOP
JS及说明文件打包下载：
四：IE6支持PNG透明总结 - TOP
解决IE6支持png图片方法：
1、须要JS文件
2、须要HTML里使用if条件注解针对IE6读取引入JS文件
3、增加须要声明的png使用的CSS类名称：
- <script type="text/javascript">
- DD_belatedPNG.fix
(' 这里增加须要声明的css命名,多处能够使用英文小写逗号隔开'); - </script>
IE6 png图片实现半透明的方法的更多相关文章
- CSharpGL(40)一种极其简单的半透明渲染方法
CSharpGL(40)一种极其简单的半透明渲染方法 开始 这里介绍一个实现半透明渲染效果的方法.此方法极其简单,不拖累渲染速度,但是不能适用所有的情况. 如下图所示,可以让包围盒显示为半透明效果. ...
- JS快速获取图片宽高的方法
快速获取图片的宽高其实是为了预先做好排版样式布局做准备,通过快速获取图片宽高的方法比onload方法要节省很多时间,甚至一分钟以上都有可能,并且这种方法适用主流浏览器包括IE低版本浏览器. 我们一步一 ...
- IOS中图片拉伸技巧与方法总结（转载）
以下内容转载自:http://my.oschina.net/u/2340880/blog/403996 IOS中图片拉伸技巧与方法总结 一.了解几个图像拉伸的函数和方法 1.直接拉伸法 简单暴力,却是 ...
- php 获取图片主要颜色的方法
本文章向码农们介绍php 获取图片主要颜色的方法,主要涉及php针对图片的相关操作技巧,需要的码农可以参考一下. $i = imagecreatefromjpeg("image.jpg&qu ...
- jQuery编写的一款兼容IE6的图片轮播幻灯片
jQuery编写的一款兼容IE6的图片轮播幻灯片,很不错的一款jquery特效.大家可以下载下来研究研究. 每隔几秒就自动切换一波图片,此效果兼容性还做的不错,适合居多的浏览器. 适用浏览器:IE6. ...
- 转载：JS快速获取图片宽高的方法
快速获取图片的宽高其实是为了预先做好排版样式布局做准备,通过快速获取图片宽高的方法比onload方法要节省很多时间,甚至一分钟以上都有可能,并且这种方法适用主流浏览器包括IE低版本浏览器. 我们一步一 ...
- C#图片压缩的实现方法
一般在web应用中,对客户端提交上来的图片肯定需要进行压缩的.尤其是比较大的图片,如果不经过压缩会导致页面变的很大,打开速度比较慢,当然了如果是需要高质量的图片也得需要生产缩略图. 一般在web应用中 ...
- Winform下实现图片切换特效的方法
本文实例讲述了Winform下实现图片切换特效的方法,是应用程序开发中非常实用的一个功能.分享给大家供大家参考之用.具体方法如下: 本实例源自网络,功能较为齐全.丰富!主要功能代码如下: using ...
- 从word中提取图片的三种方法
方法1:使用截图方法来提取并保存图片,如果你安装了QQ并且运行了的话,你可以使用Ctrl+Alt+A来截图,然后在QQ聊天框中按CTRL+V来保存图片,当然你可以在PS新建文档按CTRL+V来粘贴图片 ...
随机推荐
- iOS开发之第三方登录微信-- 史上最全最新第三方登录微信方式实现
项目地址 : https://github.com/zhonggaorong/weixinLoginDemo 最新版本的微信登录实现步骤实现: 1.在进行微信OAuth2.0授权登录接入之前,在 ...
- Codeforces Round #316 (Div. 2C) 570C Replacement
题目:Click here 题意:看一下题目下面的Note就会明白的. 分析:一开始想的麻烦了,用了树状数组(第一次用)优化,可惜没用. 直接判断: #include <bits/stdc++. ...
- STL之vector（向量）
C++编程语言中有一种叫做Vector的应用方法,它的作用在实际编程中是非常重要的,这里详细介绍一下C++ Vector的相关应用技巧及基本内容: Construct vector #include ...
- Clob对象转为字符串
项目中遇到一个问题,对方公司把打印好的报表数据存到数据库中,实际上就是把html存在Oracle中,然后需要我们在社保系统里进行查询. 但是他们把数据存放在B数据库,而我们的社保系统用的数据库是B.A ...
- Ubuntu中文输入法
这里是Ubuntu12.04,刚把系统语言设成英文,发现输入法没有了. 看看下面是如何找回来的吧. Ubuntu上的输入法主要有小小输入平台(支持拼音/二笔/五笔等),Fcitx,Ibus,Scim等 ...
- 高级UNIX环境编程7 进程
每个程序都会收到一张环境表 extern char **environ; c程序的存储空间布局: 正文段:共享,只读 初始化数据段:存函数以外的赋值 非初始化数据段(bbs):block starte ...
- 转: seajs知识点与cmd规范
在比较之前,我们得先来了解下什么是AMD规范?什么是CMD规范?当然先申明一下,我个人也是总结下而已,也是网上看到的资料,自己总结下或者可以说整理下而已,供大家更深入的了解!因为我们都知道 AMD规范 ...
- Android项目增加混淆
主要介绍向Android项目中添加混淆功能 增加混淆的原因 提高安全性,增加反编译的难度 减少APK的文件大小 实践 混淆的配置 一般情况下,app module 的 build.gradle 文件默 ...
- cocos2dx进阶学习之CCSprite
继承关系 CCSprite -> CCNodeRGBA -> CCNode, CCRGBAProtocol CCTextureProtocol 从继承关系可以看出,CCSp ...
- 【Web】java异常处理
J2EE中一般对异常状况的处理都可以用两种情况对其进行相应处理. 1. 通常情况下,一般异常处理可以选择用throw.throws从底层一直往上面抛,直到抛到Action,让其将异常显示在页面上面进行 ...