Background property miért nem működik?
Van két külön fileom. Az egyik index.html a másik theme.css
theme.css tartalma:
body{
background: url(bgr.jpg) no-repeat;
width: 100%;
height: 100%;
}
index.html tartalma:
(head szekció)
<link rel="stylesheet" type="text/css" href="theme.css">
+A kép nyitható önmagában.
+próbltam simán ezt: background-image: url(bgr.jpg);
+ezt: background: url(bgr.jpg);
+ .body-val mindet
+ aposztrófokkal, idézőjelekkel mindet
+ w3schools.com összes fellelhető variációját.
Ötletek?
#9 azóta mappás verzióval is próbálkoztam, csak azért van mappában, viszont ott már a html-ben:
<link rel="stylesheet" type="text/css" href="css/theme.css" />
a css-ben meg:
background: url(../images/bgr.jpg);
van.
Ti hogy szoktátok beállítani a hátteret, hogy rányújtsa a képet? A body mögé style-ba írjátok? Vagy nálatok ezek mennek?
Ez vicces :)
Az index.html fájlod "UCS2 Big Endian" kódolású volt. Amint átállítottam (és a képet az img/ mappából linkeltem a theme.css-ben), már jó volt.
Lehet, hogy kódoláskor kettővel lejjebb kattintottál a Notepad++ -ban? ;)
A háttér igazításához próbáld a background-size tulajdonságot a css-ben:
background-size: 100% auto; // teljes szélességben húzza ki
"+ .body-val mindet "
Az nem .body hanem simán csak body
Kapcsolódó kérdések:
Minden jog fenntartva © 2025, 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!