IE6下伪类hover无效难题及处理方法

日期:2021-03-08 类型:科技新闻 

关键词:通道抠图,怎么在图片上编辑文字,创客贴作图神器,免费图片设计制作在线,背景透明图制作

第1篇:

在解决CSS的体制上,拿对伪类:hover的适用来讲,IE7+加上了对a之外其它标识的适用,但在IE6下:hover就连对a的适用都并不是那末的不尽人意。有的情况下以便提升1些简易的动态性实际效果,经常会依靠:hover的帮忙,例如大家经常会令电脑鼠标历经连接时更改文本的色调。
如:


拷贝编码
编码以下:

a:hover{color:#F00;} </p> <p><a href ="#">电脑鼠标历经时更改我的色调</a>

在全部的访问器中都起效。假如换为这样:


拷贝编码
编码以下:

a:hover em{color:#F00;}
<a href ="#">电脑鼠标历经时更改我的<em>色调</em></a>

会发如今IE6-下甚么都沒有产生,处理方式是只必须再加上1个a:hover{}款式便可以了,里边能够是zoom,padding,margin等特性。以下:

拷贝编码
编码以下:

a:hover{zoom:1;}
a:hover em{color:#F00;}
<a href="#">电脑鼠标历经时更改我的<em>色调</em></a>

看着修复了一切正常的实际效果,去想将会是由于甚么导致:hover无效的。你可使用zoom,display,padding这些特性来搞定,因而想会不容易是由于haslayout。恩,很有将会便是这样。但你接着检测,会发现,无论你在a:hover{}写入任何特性,color啊,font-size啊,overflow啊(乃至是不存在的特性,如xx:yyy),都可以以使之修复一切正常。

第2篇:

在ie6下假如立即在a的子标识span设定hover,而a:hover却不作任何设定,则在ie6下立即对span的a:hover span{color:red;}会出現无效;可是假如对span的父标识a设定a:hover{ }则,对span的hover设定会再次合理。比如:

拷贝编码
编码以下:
<a href="###"><span>必须设定hover的內容</span></a>
a span {color:red;}
a:hover span {color:blue;}

此时a:hover span 的设定在别的访问器下都一切正常在ie6下却沒有任何转变,缘故是ie6对a:hover子标识的讲解是创建在父标识的hover设定上的,换句话说假如不设定任何父标识a:hover{}则ie6就会终止对a的子标识hover讲解,也就会出現ie6下a:hover设定无效的难题。处理方式:对父标识设定a:hover{color:blue;}在其中父标识的hover也并不是像在网上说的随便设定随意特性便可以的;更并不是务必和子标识的全部特性设定反复1遍。如css设定成:

拷贝编码
编码以下:
a span {color:red;}
a:hover {font-size:12px;}
a:hover span {color:blue;}

ok,你如今对span的设定又再次合理了。