Autor | Zpráva | ||
---|---|---|---|
J Profil * |
#1 · Zasláno: 18. 6. 2009, 21:54:07
Zdravím,
mám toto: /* hlavní bar */ #menu2 a:hover { background-image: url(backgrounds/tsbar.png); /* hover obrázku na pozadí hlavního baru */ color: #ffffff;/* barva textu hlavního baru */ } /* hlavní bar - zajistí zachování hover efektu u hlavního baru i když z něj sjedu do submenu */ #menu2 :hover > a { background-image: url(backgrounds/tsbar.png); /* hover obrázku na pozadí hlavního baru */ color: #ffffff; /* barva textu hlavního baru */ } A teď v prohlížečích: IE7+8, FF1.5+2+3, Opeře, Maxthonu Google chrom, Safari se to chová jak má - tedy toto: /* hlavní bar - zajistí zachování hover efektu u hlavního baru i když z něj sjedu do submenu */ #menu2 :hover > a { background-image: url(backgrounds/tsbar.png); /* hover obrázku na pozadí hlavního baru */ color: #ffffff; /* barva textu hlavního baru */ } Skutečně zachová hover efekt na hlavním baru menu i když sjedu myší do položek submenu - nikoli však v IE6. Dotaz: existuje možnost (nějaká deklarace) jak to zajistit i v IE6? Vše ostatní už jsem odladil tak, že se to zobrazuje ve všech uvedených prohlížečích stejně, ale na tohle nemůžu přijít... Předem dík za pomoc. |
||
Miloš Profil |
#2 · Zasláno: 19. 6. 2009, 00:01:06 · Upravil/a: Miloš
#menu2 :hover > a IE 6 nezná selektory s > IE 6 zná jediný hover, totiž a:hover. Jakýkoli jiný je mu třžeba nasimulovat javascriptem/HTC, například hover.htc. |
||
Lexter Profil |
#3 · Zasláno: 19. 6. 2009, 00:08:31 · Upravil/a: Lexter
Jen dodám, že hover.htc existuje více typů. Některé nefungují, některé jsou určny jen pro určitou verzi.... Spolehlivě pro ie6 a dokonce i ie5 mi funguje http:/upload.lexter.name//ie6-ie5-hover-1.htc .
|
||
J Profil * |
#4 · Zasláno: 19. 6. 2009, 08:47:04
hover.htc samozřejmě znám - s jeho pomocí jsem to celé odladil tak, že se to chová jak má až na výše uvedenou položku. Vyzkoušel jsem i různé verze, ale toto:
#menu2 :hover > a |
||
Chamurappi Profil |
#5 · Zasláno: 19. 6. 2009, 10:15:44 · Upravil/a: Chamurappi
Reaguji na J:
„ale toto: […] se mi rozchodit nepodařilo“ Miloš ti napsal dva důvody, proč ten selektor v šestce nepůjde. Ty píšeš, že druhý z nich samozřejmě znáš a že ho máš ošetřený. Jak jsi ošetřil ten první? V podobných situacích prosím vždy dávej odkaz na živou ukázku, ať nemusíme hádat, co dalšího v kódu máš či nemáš. |
||
Bubák Profil |
#6 · Zasláno: 19. 6. 2009, 15:02:57
Můžeš zkusit ie7-js dokáže naučit "šestku" hoveru nad všemi elementy, selektor dítěte, průsvitný PNG a mořná i další věci. Vlastní zkušenost s tímto skriptem nemám.
|
||
swah Profil |
#7 · Zasláno: 19. 6. 2009, 15:45:32
Jak už zmínil Bubák, ta JS knihovna by měla fungovat, případně by stačilo označit konkrétní a třídou, např. .zachovani a poté definovat vlastnosti pro:
#menu2 :hover .zachovani Jinými slovy, tímto onoho potomka určíš konkrétní třídou a obejdeš tak selektor rodič > potomek, jestli je mi rozumněno. |
||
Časová prodleva: 15 let
|
0