Miert nem mukodik a background-image CSS altal?
Adott egy folder, benne a html file. itt van egy CSS folder benne a css file illetve van egy image folder is itt benne a keppel.
a css file mukodik, mert mas parametert siman megjeleniti illetve ha nem kulon css filban csinalom hanem a html-ben irom a css-t akkor mukodik.
CSS:
body {
background-image: url("/images/pattern.gif");
color: white;
padding: 20px;}
<style type="text/css">
body {
background-image: url("images/pattern.gif");
color: white;
padding: 20px;}
</style>
válasza:Tegyük fel, hogy a C:\weboldal mappában vagyunk.
url("/images/pattern.gif");
A / jel az elérés elején azt jelenti, hogy a gyökérkönyvtárból próbálja betölteni a képet. Ez így: C:/images/pattern.gif
url("images/pattern.gif");
A / jel nélkül a kiindulási mappától keresi. Tehát itt: C:/weboldal/images/pattern.gif
Koszi, termeszetesen "jatszottam" ezzel,
szoval a css file-ban
url("/images/pattern.gif");
majd
url("images/pattern.gif");
es semmi.
nem jeleniti meg.
de ha a betuszint megvaltoztatom a css file-ban siman mukodik.
mas otlet?
válasza:Elkerülte a figyelmemet, hogy a css fájl almappában van, szóval így a kiindulási pontod C:/weboldal/css/
Ez így egy mappával feljebb kezdi a css mappától, szóval így már jó lesz:
url("../images/pattern.gif");
F12 hálózat fülön meg tudod nézni, hogy honnan szeretné betölteni a képet a böngésző.
Jogos,
mivel a css file-bol hivom meg igy a css file helyebol kellett kiindulnom.
tehat eloszor ki kellett lepnem a css mappabol a ../ -val.
koszi szepen!
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!