[CSS]Nefunkční text-shadow ve Firefoxu, Chromu a Opeře

[Catchamouse]

Mám stránky na adrese http://www.catchamouse.ic.cz a narazil jsem na problém, že text-shadow funguje jen v Exploreru a nikde jinde (Firefox, Chrome, Opera). Přitom jsem zjistil, že text-shadow je podporován všude kromě Exploreru nižším než 10 (u jiných prohlížečů je podpora už v raných verzích). Někde jsem našel, že text-shadow nepodporuje hodnotu pro spread stínu, ale v Exploreru se stín vůbec nezobrazí, pokud tuto hodnotu vynechám a dokonce spread funguje. Také jsem zkoušel zdvojit text-shadow, jednou se třemi hodnotami a jednou se čtyřmi

Kód: Vybrat vše

text-shadow: 0px 0px 7px 7px rgba(200,200,200,0.7); text-shadow: 0px 0px 7px rgba(200,200,200,0.7);

, ale bezvýsledně. Existuje nějaké řešení, aby se textové stíny zobrazily i u dalších prohlížečů?

[r34ktor]

Správný zápis je:

Kód: Vybrat vše

text-shadow: 0px 0px 7px rgba(200,200,200,0.7);

[Catchamouse]

Takhle to ale nefunguje v žádném prohlížeči, ani v Exploreru.

-- 12. 3. 2014 21:11 --

Ne, text je na modrém obrázkovém pozadí a v Exploreru 11 to funguje. http://www.catchamouse.ic.cz jsou to odkazy na Home, Flashgames a Webmaster

[PiranhaGreg]

Nezapomeň že skoro bílá na bílím pozadí nejde moc vidět. Je to tady lepší? http://jsfiddle.net/PiranhaGreg/q4f8E/

[r34ktor]

V homestyles.css máš

Kód: Vybrat vše

text-shadow: 0px 0px 7px 7px rgba(200,200,200,0.7);

To je špatně.

Bez stínu:

H1.jpg (9.57 ) Zobrazeno 1087 krát

Se stínem:

H1s.jpg (9.39 ) Zobrazeno 1094 krát

[Catchamouse]

Takhle to vypadá u mě v Exploreru 11. A jinde se stín nezobrazí.

-- 13. 3. 2014 16:38 --

Už vím, v čem je problém. V jiných prohlížečích musí být barva zapsána hexadecimálně a bez průhlednosti a také tam musí být jen 3 hodnoty, tedy bez hodnoty spread.

[Catchamouse]

Takhle jsem to vyřešil bez průhlednosti.

Kód: Vybrat vše

text-shadow: 7px 0px 7px #C8C8C8, 0px 7px 7px #C8C8C8, -7px 0px 7px #C8C8C8, 0px -7px 7px #C8C8C8;

-- 13. 3. 2014 17:35 --

Ještě oprava a funguje i průhlednost.

Kód: Vybrat vše

text-shadow: 7px 0px 7px rgba(200,200,200,0.7), 0px 7px 7px rgba(200,200,200,0.7), -7px 0px 7px rgba (200,200,200,0.7), 0px -7px 7px rgba(200,200,200,0.7);