Změna barvy odstavce
01. 10. 2005 | Redakce Interval.cz | Pro CSS | Komentáře: 0
Změna barvy odstavce při najetí kurzorem.
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
p
{
color:black;
}
p:hover
{
color:red;
}
p.hover
{
color:red;
}
p.zelena
{
color:green;
}
p.zelena:hover
{
color:blue;
}
p.zelenaHover
{
color:blue;
}
p.ramecek
{
border:3px solid blue;
}
p.ramecek:hover
{
border-color:silver;
}
p.ramecekHover
{
border-color:silver;
}
p
{
behavior: url(hover.htc );
}
XHTML
<html>
<body>
<p>
Odstavec bez rámečku červenající po najetí kurzorem nad něj...
</p>
<p class="zelena">
Odstavec bez rámečku modrající po najetí kurzorem nad něj...
</p>
<p class="ramecek">
Odstavec s rámečkem červenající po najetí kurzorem nad něj...
</p>
<p class="ramecek zelena">
Odstavec s rámečkem modrající po najetí kurzorem nad něj...
</p>
</body>
</html>
Další aktuální články na interval.cz
- Chamurappiho Webylon: čtyři články s kritikou W3C
- Nenápadný cloud: synchronizace dat z prohlížečů
- Pozvánka: Random Hacks of Kindness 2012
- Zajímavost o češtině pro redakční systém WordPress
- Pozvánka na konferenci o vyhledávačích zboží 2012
Tematicky související články
- Zvýraznění odkazů
- Obrázek na pozadí odstavce
- Iniciálka v úvodu odstavce
- Vertikální hover menu
- Hover galerie
Dejte vědět i ostatním o článku
Diskuse (počet komentářů: 0)
Buďte prvním návštěvníkem, který přidá nový komentář.
