Autor Zpráva
westmichal
Profil
Zdravim,
mám problém na stránce http://www.westsoft.kvalitne.cz/ss/index.php mám dva obrázky budovy s modrým border (rámečkem), který se při přejetí myší změní na červený, je to nastaveno pomocí stylu
.aimg {border-color: blue;}
.aimg:hover {border-color: red;}. Funguje mi to ale jen v Opeře, ne v IE.
Tentýž problém je u ikonek vpravo dole, border-color:white; a hover border-color: red;, ani zde to nefunguje, obrázky jsou v IE pořád s rámečkem stejné barvy.
Jak to udělat i pro IE?
Dero
Profil
Jj, tady je třeba si vypomoci malým trikem.

Musíš ještě před .aimg:hover { ... } definovat čistě a:hover { cokoliv }

Takže třeba:

a:hover { color: red; } /* můžeš využít nějakou neutrální vlastnost, pokud nechceš měnit barvu, třeba text-align: left */
.aimg {border-color: blue;}
.aimg:hover {border-color: red;}
westmichal
Profil
Tak jsem opravil, zkusil jsem zadat i jiné vlastnosti a nic, rámečky jsou pořád modré.
Dero
Profil
Nojo, ale tu třídu .aimg musíš mít na prvku <a>. IE :hover na jiných prvcích neumí.

Pak můžeš přistupovat .aimg img { border: ... }
koudi
Profil
No jo, náš oblíbený IE a jeho úžasná podpora všeho užitečnýho...
Dero
Profil
koudi: Pokud to někoho irituje, tak si může najít vlastní cestičku: http://www.xs4all.nl/~peterned/csshover.html
westmichal
Profil
běží, díky...
koudi
Profil
Dero
Mě to ani moc neirituje, už sem si zvyknul. Naštěstí webdesign jako takovej neni přímo co dělám (já spíš dělám do php apod), takže mě to zase tak netrápí. Ten link znám, když už něco kóduju, tak používám právé tohle...
westmichal
Profil
Teď nechápu, jsem ty styly přeskládal do CSS souboru a přestalo to fungovat, tak jsem to zase přeskládal zpátky do index.php a dál to neběží (tedy jen v IE, v Opeře je to OK)...
westmichal
Profil
tedy lépe řečeno běží, ale jen někdy, prostě dám obnovit, přejedu myší, rámečky rudnou, dám obnovit znovu, znovu přejedu a zase je všechno při styrým, hnusné IE
Toto téma je uzamčeno. Odpověď nelze zaslat.

0