解决IE6下CSS兼容性的两把神器

2024-04-28 04:48:10

神器一、csshover.htc

解决IE6不支持非a标签的hover伪类。

引入方式：在样式表中引入

例：
body { _behavior: url(csshover.htc); }

应用：

class="out"

用CSS控制页面特效
.out{ width:200px; height:200px; border:1px solid #CCC; }
.out:hover .in{ display:block; }
.out .in{ width:100px; height:100px; margin:50px auto; background:#0F3; display:none; }

神器二、DD_belatedPNG_0.0.8a-min.js

解决IE6下不支持png-24和png-32做背景图片不支持透明

引用方式：

实例：

div
style="width:500px; height:100px; padding-left:100px; background:url(png-32-ps.png); background-repeat:no-repeat; background-position:-20px -20px;"

背景图片：

补充1：用滤镜解决不支持背景定位属性background-position ，实例参考我的另一篇博客网页中的gif与png

补充2：下载地址：http://pan.baidu.com/share/link?shareid=175658&uk=3858966269

转载于:https://www.cnblogs.com/longze/archive/2012/12/27/2835335.html

解决IE6下CSS兼容性的两把神器相关推荐

[转]解决IE下CSS背景图片闪烁的Bug
[转]解决IE下CSS背景图片闪烁的Bug <P> 很多时候我们要给一些按钮或是img设置背景,而为了达到数据与表现样式分离的效果,通常背景样式都是在CSS里设定的,但是这个 ...
解决IE6下不支持 png24的透明图片问题
解决IE6下不支持 png24的透明图片问题参考文章: (1)解决IE6下不支持 png24的透明图片问题 (2)https://www.cnblogs.com/heimanba/p/3826771 ...
IE6下css常见bug处理
1.双倍边距如下图所示,一个样式里面既设定了"float:left:"又有"margin-left:100px:"的情况,就呈现了双倍情况.如外边距设置为10 ...
关于IE6下CSS选择器失效的问题
2019独角兽企业重金招聘Python工程师标准>>> 前2天在实习公司做了1张网页,在其他所有浏览器上都表现的比较好,唯独IE6下后半部分CSS完全失效,前半部分者是完好的.开始以 ...
解决IE6下select z-index 无效
这两天工作主要就是修复那些IE6,ie7下的各种bug.对于ie6,我还能说神马了,天朝还有这么多的人在使用ie6,客户也是很多使用IE6的,木有办法,只有边恶心,边折腾了. 今天纠结的一个问题就是 ...
[转]ie6下CSS存在的BUG
A 双倍MARGIN 設置float的位于行首的元素[如div, ul中的li等],使用margin后,横向margin值会加倍 div { float:left; margin-left:10px; ...
解决IE6下，给图片加上line-height属性不起作用的方法
在css设置中,我们一般用行高line-height来设定某一行的高度,这在ie7与firefox等浏览器都适用.但当行中有其他元素时(如图片,SPAN,li..)在IE6.0下line-height ...
新分享一种解决ie6下PNG图片透明的方法
IE6中的图片不透明问题一直困扰着广大设计从业者们,前段时间已经分享了一种使用HTC文件解决的方法和使用滤镜使png背景图片透明的方法,今天再分享一种使用脚本代码使PNG图片在IE6中透明的办法. 脚 ...
解决IE下CSS因 Mime 类型不匹配而被忽略的问题
写页面的时候在chrome,firefox等页面上显示正常,但是换成IE9之后就完全没有样式了,报错信息是CSS 因 Mime 类型不匹配而被忽略,下面与大家分享下这个问题的相关的回答.IE真是个奇葩 ...

最新文章

热门文章