Zvýraznění odkazů při najetí kurzorem na odstavec.

Pro správnou funkci v MSIE je třeba do kořenového adresáře stránky umístit soubor hover.htc. Zde si můžete prohlédnout výsledek.

Toto řešení publikoval Janos Horvath. Bližší popis najdete v článku Hover emulation for IE5+.

CSS

body
{
background-color:white;
color:black;
font:12px/18px arial, sans-serif;
padding-left:100px;
}
h1
{
font-size:18px;
}
a
{
text-decoration:none;
color:blue;
}
div.obsah:hover, div.obsahHover p
{
color:silver;
}
div.obsah:hover p a, div.obsahHover p a
{
text-decoration:underline;
}
div.obsah
{
background-color:white;
behavior:url(hover.htc);
}

XHTML

<html>
<body>
<div class=“obsah“>
<h1>Lorem ipsum</h1>
<p>
Lorem ipsum dolor sit amet <a href=“#“>Zvýrazněný odkaz</a> consectetuer adipiscing elit.
</p>
</div>
</body>
</html>

Žádný příspěvek v diskuzi

Odpovědět