[spajk]

Hej,

Håller på att bygga en ny site där jag använder text-shadow på titlarna, men som ni vet så stöds inte css3 av IE per automagi.

Har testat ie-css3.htc utan någon framgång. Hur gör man för att apa efter funktionen så den ser likadan ut i crossbrowser? Någon som fått ett snygg resultat?

Har sökt på google men det finns ju en uppsjö av olika jquerys som ska lösa biffen men behöver något mer konkret - någon som har testat?

[hnn]

Jag använde mig en gång i tiden av en h1 med en div som låg bakom förskjuten några pixlar...

Nackdelen var att Google indexerade texten två gånger...

[spajk]

fiffig lösning, men ja det är ju det med dubbel indexering som inte är så kul

[pelmered]

Det går att lösa med filter. Det blir inte alltid exakt samma som CSS3-motsvarigheterna men är tillräckligt bra i de allra flesta fallen.
CSS3-implementationen skiljer sig även den något mellan de olika implementationerna(vet inte exakt vad som gäller med just text-shadow dock).

CSS:

.text-shadow {
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=45, Color='#CCCCCC')";
	/* IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=45, Color='#CCCCCC');
}

[coredev]

Om man envisas med att använda t.ex. CSS3 och HTML5 trots att det inte har ett brett stöd bland webbläsarna än så tycker jag personligen att en bra metod är att nedgradera de icke kompatibla webbläsarna till en användbar men avskalad version. Till exempel skulle du ju kunna helt enkelt att skita i skuggan för IE.

Om fler gör så istället för att trixa till nödlösningar så har vi ett bra incitament för MS att göra om och göra rätt :-)

[pelmered]

Ursprungligen postat av coredev

Om man envisas med att använda t.ex. CSS3 och HTML5 trots att det inte har ett brett stöd bland webbläsarna än så tycker jag personligen att en bra metod är att nedgradera de icke kompatibla webbläsarna till en användbar men avskalad version. Till exempel skulle du ju kunna helt enkelt att skita i skuggan för IE.

Om fler gör så istället för att trixa till nödlösningar så har vi ett bra incitament för MS att göra om och göra rätt :-)

Håller inte riktigt med. Du verkar till att börja med väldigt negativt inställd till HTML5 och CSS3. Jag tycker snarare att det är tjänstefel att inte utnyttja den senaste tekniken för att skapa en modern, bra och användarvänlig webb. Kan man även "hacka" sig till en lösning likt den ovan så är det ju en jättebra ersättning för CSS3. I sista hand får man se till att sidan nedgraderar på ett bra sätt.

De nya ovan nämnda lösningen är ju inte speciellt mycket svårare än de vanliga CSS3 metoderna så jag tycker inte att det finns någon bra anledning att inte använda dem. Att skita i det bara för att ge MS mer incitament tror jag inte heller på. De är ju faktiskt på rätt väg nu med IE10, problemet är ju bara att folk inte uppdaterar.

[ehsanpo]

kolla in här det finns en lösning med jquery oxå
http://byme.se/jquery/crossbrowser-t...th-jquery.html

[spajk]

Ursprungligen postat av ehsanpo

kolla in här det finns en lösning med jquery oxå
http://byme.se/jquery/crossbrowser-t...th-jquery.html

det var en lösning som hade varit underbar, men den verkar duplicera texten...

[ehsanpo]

den då?
http://www.useragentman.com/blog/201...ipt/#more-2720

[pelmered]

Ursprungligen postat av ehsanpo

kolla in här det finns en lösning med jquery oxå
http://byme.se/jquery/crossbrowser-t...th-jquery.html

Det där duplicerar ju till och med texten när det inte behövs, dvs i webbläsare med fullt stöd för text-shadow.
Eftersom texten läggs in med javascript kanske den inte indexeras två gånger dock. Men det är en väldigt oflexibel lösning - det går inte att få till blur på ett bra sätt t.ex.

Ursprungligen postat av ehsanpo

den då?
http://www.useragentman.com/blog/201...ipt/#more-2720

Det är ju samma som jag skrev ovan, dvs med filter.