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
-
Globální výpadek IT systémů: Může za to jediná aktualizace
19. července 2024 -
Jak vybrat doménu: Co je dobré vědět?
2. září 2024 -
Fandíme českým sportovcům a rozdáváme hosting ZDARMA!
26. července 2024 -
Co je to DNSSEC, jak funguje a jak si ho nastavit?
14. srpna 2024
Nejnovější
-
Jak rozšířit úložiště Macu za pětinovou cenu?
16. prosince 2024 -
Nové trendy v doménách pro osobní projekty – DIY, LIVING a LIFESTYLE
9. prosince 2024 -
Jak chránit webové stránky před Web/AI Scrapingem
27. listopadu 2024 -
Jaký monitor je nejlepší k novému Macu Mini?
25. listopadu 2024