V IE chybý podpora hover pro některé elementy (nemyslím a), třídy,.... Dnes jsi ukážeme jak udělat hover na odstavec i v IE. Po najetí myší na odstavec textu se jeho barva změní z černé na červenou. Nejdříve jsi uděláme klasické CSS.
p
{
color: black;
}
p:hover, p.hover
{
color: red;
}
A nyní musíme udělat speciální část CSS pro IE. Použijeme onmouseover a onmouseout.
p /* Pro IE hover */ {
background-color: expression(
this.onmouseover = function() { this.className += ' hover'; },
this.onmouseout = function() { this.className = this.className.replace(' hover', ''); }
);
}
Ovšem toto řešení zveřejněné Klaus Hartlem funguje pouze v IE 6. Proto jsi ho trochu upravíme aby fungovalo již od IE 5.
p /* pro IE*/ {
background-color: expression(
this.onmouseover = new Function("this.className += ' hover';"),
this.onmouseout = new Function("this.className = this.className.replace(' hover', '')")
);
}
A nyni už funguje hover v IE i na odstavec.
