Hogyan tudom html-ben vagy css-ben fixálni a háttérképet úgy hogy az ne ismétlődjön és ha ránagyítok vagy kicsinyítek akkor ne mozduljon semennyire?

Valamit nagyon nem jól csinálsz, ha ilyen problémád van.

Többynire akkor látok ilyent, ha úgy próbálják megcsinálni, hogy egy 1db fixméretű háttérben berakják a teljes grafikát, majd fixen megpróbálják, bele rakni akár absolut pozicónálással a szöveges tartalmat, esetleg % -al felosztva egy bizonyos felbontáshoz beállítva.

Aztán ha kisebb a képernyő persze hogy torzul...

Ha nálad is ilyen a helyzet, akkor alapjaiban kezd újra gondolni, a háttér kép nem arra való, hogy beszúrd oda statikusan a weboldal mintáját...

Amúgy meg CSS -hez: background-size -al tudod állítani.

pl. background-size: 100% auto;

Javaslom ismerkedj kicsit a css background-dal foglalkozó dokumentációjával, mert ebben a pár sorban több hiba van, mint amit várna az ember.

[link]

1. fájlnevek esetén kerüld az ékezeteket, speciális karaktereket, szóközt, és lehetőleg végig kisbetűs formátumot használj.

2. a "background" property önmagában a teljes háttérstílust meghatározza, a repeat-et nyugodtan hozzáadhatod, de ha külön akarod beállítani az egyes elemeket, akkor érvényes tulajdonságokat használj.

3. a css tulajdonságok lezárása ; mindig

Figyelmedbe ajánlom a következő szabályt:

background-size: cover;