Změna barvy odstavce
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>
Mohlo by vás také zajímat
-
Novinky ze světa domén: Co nás čeká v blízké budoucnosti?
3. července 2025 -
Jaké jsou nejlepší nástroje pro tvorbu webového designu
3. října 2025 -
Thunderbolt 4 vs. OCuLink: Přišel čas na upgrade?
27. května 2024 -
Počítač v kapse: Android 16 připravuje průlomový Desktop Mode
8. července 2025
Nejnovější
-
Jaké jsou nejlepší nástroje pro tvorbu webového designu
3. října 2025 -
Rozhovor s vývojářem: „AI mi šetří hodiny práce měsíčně“
30. září 2025 -
.ai: Umělá inteligence a tak trošku ukradená doména
17. září 2025 -
Proč jsou důležité správné údaje o vlastnících domén
11. září 2025