3 svar · 276 visningar · startad av asmodie
Jag håller på att lägga en bakgrund på ett H3 element. Som inte ska repeatas och som ska ligga i mitten till vänster.
Jag får inte detta att funka i mozilla.
Jag får ofta problemet att bakrundsbilden inte visas i mozlla.
Någon som har någon lösning på detta?
Allt funkar i IE.
Vad säger http://validator.w3.org/ då?
Hmm...
Om jag gissar rätt så har du en katalogstruktur på din webbplats där CSS-filen och bildfilen ligger i olika kataloger samtidigt som du anger bildens adress med en relativ URL i CSS-filen ?
Är det så så kommer du förbi problemet om du adresserar bilden med en absolut URL istället ...
Byt alltså ut
h3 {background-image:url(bilder/bilden.jpg);}
mot antingen
h3 {background-image:url(/bilder/bilden.jpg);}
eller
h3 {background-image:url([url]http://www.example.se/bilder/bilden.jpg[/url]);}
Orsak:
En bild som refereras med en relativ adress från en CCS-fil skall alltså enligt CSS-specen letas upp av webbläsaren som om den relativa adressen utgår från CSS-filens adress och inte från webbsidans adress! - och så gör t.ex. Mozilla, men inte MSIE (den utgår istället, felaktigt, från webbsidans adress)
Källa: http://www.w3.org/TR/CSS21/syndata.html#value-def-uri
In order to create modular style sheets that are not dependent on the absolute location of a resource, authors may use relative URIs. Relative URIs (as defined in [RFC1808]) are resolved to full URIs using a base URI. RFC 1808, section 3, defines the normative algorithm for this process. For CSS style sheets, the base URI is that of the style sheet, not that of the source document.
(min kursivering)
:birp
Posta kod!