Lid |
|
Beste css-kenners!
Ik zit met een vraag die me al dagen bezighoud, en ik ben niet zo goed in css dus vind ik geen oplossing.
Ik heb een site, die als achtergrond voor een div regelmatig een gradient gebruikt.
Voor de nieuwere browsers en diegenen die het ondersteunen gebruik ik background-size om de div te vullen, maar voor de anderen moet er gewoon een kleur verschijnen.
Dit heb ik zo proberen op te lossen:
background-image: url(../img/bg_nav.jpg);
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
-khtml-background-size: 100% 100%;
background-repeat:no-repeat;
background-color: b0045d;
background-image: url(../img/bg_nav.jpg); -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; -khtml-background-size: 100% 100%; background-repeat:no-repeat; background-color: b0045d;
Dit werkt echter niet. In IE en de niet ondersteunende browsers word de afbeelding gewoon in de linker bovenhoek geplaatst en word de rest opgevult met de desbetreffende kleur.
Ik dacht eerst aan !important te plaatsen achter de background-image tag, maar dit werkte ook niet. Daarmee ben ik tot het besef gekomen dat ik duidelijk niet snap wat !important doet.
Ik hoop hier een oplossing te vinden.
Alvast bedankt
MVG
Anton Vandeghinste
|