WN

WN (https://www.wn.se/forum/index.php)
-   Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)
-   -   Text-skugga (https://www.wn.se/forum/showthread.php?t=1044685)

Captain Thailand 2010-11-06 15:56

Text-skugga
 
Hej,

Jag är en klantskalle beträffande "kodning" och har därför en fråga angående CSS och skugga. Jag har lagt in detta i CSS:en för vald class:

text-shadow: 1px 1px 2px #fff;

Det fungerar utmärkt i FF och Safari, men inte alls i IE och Opera. Går det att fixa till det på annat sätt utan att krångla till det alltför mycket?

gfors 2010-11-06 17:23

Nix, text-shadow är en css3 funktion, och tyvärr har vissa webbläsare typ IE inte css3 stöd (ännu, detta blir bättre med IE9)

Captain Thailand 2010-11-06 17:40

gfors,

Man tackar! Ha en trevlig helg!

tartareandesire 2010-11-06 20:18

Citat:

Ursprungligen postat av gfors (Inlägg 20376783)
Nix, text-shadow är en css3 funktion, och tyvärr har vissa webbläsare typ IE inte css3 stöd (ännu, detta blir bättre med IE9)

Det har ju dock inte så stor betydelse eftersom det lär dröja ett antal år innan en övervägande majoritet använder IE9.

kalasboll 2010-11-07 13:54

Citat:

Ursprungligen postat av tartareandesire (Inlägg 20376800)
Det har ju dock inte så stor betydelse eftersom det lär dröja ett antal år innan en övervägande majoritet använder IE9.

Hej pessimist, självklart har det betydelse då det ändå är en stor del som ser till att köra senaste versionerna av webbläsare. Text-shadow är ju bara blingbling ändå så även om inte 50% kör IE9 blir det ett klart lyft.

daniel.s 2010-11-07 16:25

Kan tänka mig att det går att bugga med hjälp av z-index och ett lager extra text. Dock väldigt onödigt.

KarlRoos 2010-11-07 19:07

För IE så finns ju diverse filter.

Exempel på hur du kan göra skuggor med filter:
Kod:

filter: glow(color=#ffff00,strength=3);
filter: dropshadow(color=#ffff00,offX=5,offY=5);

http://www.howtocreate.co.uk/textshadow.html

tobiasa 2010-11-07 19:49

Hej, ta en titt på CSS Pie. Jag använder det själv på flertalet sajter och det löser många irriterande CSS-problem i IE.

http://css3pie.com/

Captain Thailand 2010-11-08 09:54

Hejsan,

Man tackar!

Hmm, jag tror jag låter texten vara oskuggad i IE och ger de som kör med "riktiga webbläsare" denna bonus (vad glada folk kommer bli, haha) i form av text-skugga.

Ps. CSS Pie var annars ett utmärkt tips!


Alla tider är GMT +2. Klockan är nu 16:49.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson