CSS a:hover伪类在IE6下的难题

日期:2021-01-20 类型:科技新闻 

关键词:网页设计,移动端网页设计,大一网页设计作业成品,网页编辑软件,网页在线编辑

就拿对伪类:hover的适用来讲,IE7+终究加上了对a之外其它标识的适用。针对这样的改善,自然是要拍巴掌称快的,但在IE6下,:hover就连对a的适用都并不是那末的不尽人意。下面便是我想简易说的1个有关:hover在IE6及更早访问器下的难题。

  许多人将会都早已了解了:hover在IE6及更早访问器(下列称IE6-)下的1些难题。我关键是想说1下形如a:hover span{}这样的难题。

  有的情况下以便提升1些简易的动态性实际效果,经常会依靠:hover的帮忙,例如大家经常会令电脑鼠标历经连接时更改文本的色调。如:

a:hover{color:#F00;}

<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),都可以以使之修复一切正常。

  检测到这里是否有点瞠目结舌的觉得?对,我也是这样的。至于缘故是甚么,我还不知道道,也许有人了解。

  1个a:hover的简易事例:


提醒:您能够先改动一部分编码再运作

事例尽管简易,但立刻你又会发现实际上中英菜单和1些css tips实际效果也是那末的简易。

上一篇:提升访问器3D渲染 防止CSS expressions 返回下一篇:没有了