:hover i pro IE>=5
Trik jak na :hover i pro IE>=5 (navazuje na IE:hover {nyní:jednodušeji;}) nejen u odkazu se bude určitě hodit, takže ať dlouho nehledám, kde jsem to četl, odkazuji i od sebe. Jak je to jednoduché:
p {
background-color: expression(
this.onmouseover = new Function("this.className += ' hover';"),
this.onmouseout = new Function("this.className = this.className.replace(' hover', '')")
);
p { color: #333; }
p:hover, p.hover { color: #900; }
Seriál: CSS hacky
- :hover i pro IE>=5 [20. července 2005 10:47]
- Podtržítkový hack je nevalidní [21. října 2004 20:30]
- Rozlišení jednotlivých prohlížečů a jejich verzí [8. července 2004 10:00]
- Podpora CSS hacků v prohlížečích [21. ledna 2004 16:26]
- CSS hack pro Internet Explorer [21. listopadu 2003 14:50]
- Už žádné další CSS hacky [7. listopadu 2003 20:55]
Komentáře
Tento trik uz pouzivam nejaky ten piatok ale este vrele doporucujem tento trik dat iba pre exploder (tzn. conditional coments) pretoze inak ti bude Gecko a Opera saliet.
Osobne JavaScript neviem (to sa priznám), rád by som vedel, ako sa to rozlíši pre MSIE. Ďakujem.
Nejde o javascript, ten je v css. Ide o odlisenie css. Ja sam pouzivam toto:
<style type="text/css" media='all'>
@import "main.css";
</style>
<!--[if IE]>
<style type="text/css" media='all'>
@import "main_ie.css";
</style>
<![endIf]-->
main.css sa nahra pre vsetky browsery, a main-ie.css iba pre exploder.
takze ked
main.css:
p { color: #333; }
p:hover { color: #900; }
a main-ie.css
p {
background-color: expression(
this.onmouseover = new Function("this.className += ' hover';"),
this.onmouseout = new Function("this.className = this.className.replace(' hover', '')")
);
p:hover { color: #900; }
rozumne nonIE browsery si vykonaju p:hover a nebudu zmatene javascriptom ktory precita iba exploder.
ajaj, ono sa < a > nepreklada :)
<style type="text/css" media='all'>
@import "main.css";
</style>
<!--[if IE]>
<style type="text/css" media='all'>
@import "main_ie.css";
</style>
<![endIf]-->
[4] Ano nepřekládá, ještě by mi někdo nabourával stránky ;-) Jinak díky za doplnění...
Dobre teda. Mám štýly, ktoré sa prepínajú pomocou php, teda nevkladám ich takýmto spôsobom do stránok. Dá sa tá podmienka pre MSIE vložiť aj do CSS kódu..?
[6] Nemám vyzkoušené, ale možná by stačil "* html" hack, viz:
http://www.zpravy.net/weblog/archiv/0311/css-hack-pro-internet-explorer
[9] "* html" hack validní je, viz:
http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.zpra
hmmm...
tak to ma prekvapuje.
(ale aj tak mi pripada zbytocny, conditional comments su prehladnejsie)
[7] Stačil.
[10] Ten je, expression už ale nikoliv ;)
>> hacky nie su validne! (aspon nie tie najpouzitelnejsie)
A tim chcete rict, ze je dulezite mit validni CSSko? No, myslet si to muzete...
Vzhledem k tomu, ze nejde o nic jineho nez zakukleny JavaScript ho do stranky doporucuju vlozit standardnim zpusobem, a to odkazem na externi js soubor. Proc prznit CSS, ze, Leo
Další příspěvky
- Aktuální příspěvky
- Novější příspěvky
- Finanční výsledky Googlu za druhé čtvrtletí [22. července 2005 9:41]
- Statistiky z Bloglines [21. července 2005 14:53]
- Po Google Earth přichází Google Moon [20. července 2005 13:38]
- Starší příspěvky
- Firefox 1.0.6 [20. července 2005 9:41]
- S diakritikou, nebo bez [19. července 2005 18:51]
- Zbláznila se vám Miranda s ICQ? [14. července 2005 12:59]
- Všechny příspěvky za měsíc červenec 2005
