Valid css

[Maaarten]

Hallo ik heb een website gemaakt maar ik zit met een fout in mijn css. Ik weet niet hoe ik die fout kan oplossen.

Op de W3c validator krijg ik de volgende fout:

140 #tekst Eigenschap -webkit-box-shadow bestaat niet : 0 0 15px #9d6448 0 0 15px #9d6448
141 #tekst Eigenschap -moz-box-shadow bestaat niet : 0 0 15px #9d6448 0 0 15px #9d6448
142 #tekst null geen box-shadow waarde : 15px 15px
144 #tekst Eigenschap -moz-border-radius bestaat niet : 15px 15px

De fout ligt dus aan deze code:

 -webkit-box-shadow:0 0 15px #9d6448;
	-moz-box-shadow:0 0 15px #9d6448;
	box-shadow: 15px;
	
	-moz-border-radius: 15px;
        border-radius: 15px;

Deze code dient normaal om een rechthoek afteronden en er een soort van schaduw op te zetten. Deze code werkt ook perfect...

 

[That Guy]

de -webkit en -moz prefixes zijn browser-afhankelijk. CSS heeft helemaal geen -webkit-box-shadow property.

Je hebt het er in gezet omdat browsers nu sommige dingen nog niet ondersteunen (zoals box-shadow). Om deze browsers toch te laten 'werken' kan je er dus de speciale prefixen voorzetten. Zo werkt -webkit in Safari en Chrom(e|ium) en -moz in Firefox.

 

[Maaarten]

Oke bedankt!