Text-Shadow
- Robin
- Closed
-
-
Guest, wil je besparen op je domeinnamen? (ad)
-
Schadow kun je zien als een tweede versie van de tekst die erachter geplant is. Ik zal dan ook eens proberen of het op die manier mogelijk is. Post een scriptje als het me lukt.
-
Hoe bedoel je, in firefox hoef ik bijv.
Menu en dan zet de css er schaduw achter. -
PHP
Toon Meer<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="nl"> <head> <title>test</title> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <style type="text/css"> .orginal { position: absolute; top: 0px; left: -1px; font-family: verdana; font-size: 20pt; } .shadow { position: absolute; top: 3px; left: -3px; color: #999999; font-family: verdana; z-index: -1; font-size: 20pt; } </style> </head> <body> <div> <div class="orginal">Ik heb een hele mooie schadow.</div> <div class="shadow">Ik heb een hele mooie schadow.</div> </div> </body> </html>
Op deze manier is het ook mogelijk, cross-browser. Echter zou ik het wel wat afwerken met javascript e.d. Het is in ieder geval een voorbeeld.
-
Bedankt, maar dit is ook niet mooi voor seo he
Dus hopelijk weet iemand hoe ik dit met css kan doen -
Het SEO probleem kun je wel oplossen met JavaScript...
-
Het probleem is ik kan geen javascript
Dus het liefst werk ik dan maar met css -
Text-shadow is een CSS3 element, dat is dus nooit crossbrowser aangezien weinig browsers zich aan de standaarden houden.
Je zou zoiets kunnen doen door een afbeelding te maken (dus met de shadow erin) of hoe Killingdevil het zegt.Naar mijn weten moet Firefox 3.5, Chrome, IE8 en Opera * dit element kunnen ondersteunen.
Verdere Engelse referenties: Tutorial CSS3
-
Het is volgens w3c een CSS2.1 element, volgens microsoft ondersteund geen enkele browser van hun text-shadow
Participate now!
Heb je nog geen account? Registreer je nu en word deel van onze community!