[CSS] Obrázek na pozadí v původní velikosti?
Jak to udělat? Mám obrázek wedth 2000 px. Chci ho jako pozadí webu, ale aby bylo na monitoru 1366 px uprostřed a nezmenšilo se (tudíž po stranách "přesahovalo mimo monitor". Ale aby bylo stále ve stejném rozlišení na monitoru. Víte co myslím? Teď když dám jako pozadí větší obrázek, tak se zenší podle monitoru aby byl celý na obrazovce a to já nechci. Chci aby byl stejně velký a po stranách přesahoval a byl přesně uprostřed a od hora 0 px.
Zatím to mám takto:
html, body {
color: #536482;
background-color: #2B4447;
background-image: url("obrazek.png");
background-size: 100%;
background-attachment: fixed;
}
#kolorunses {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
#oldas {
position: relative;
z-index: 1;
}
Změna předmětu, původně: Obrázek na pozadí v původní velikosti? (host)
Proč tam máš
Tím se pozadí přizpůsobí na 100 procent obrazovky a to nechceš.
Zkus
Děkuji za pomoc jste hodný, moment vyzkouším to.
Jenomže když dám background-size: auto auto; tak se obrázek načte od levé strany a není uprostřed aby na každé straně přesahoval zbytek.
Tož doplň:
https://www.freecodecamp.org/news/css-full-page-background-image-tutorial/
Funguje dobře, jen je pozadí na středu i na výšku a já potřebuji aby to bylo od horní strany a ne uprostřed i na výšku.
Vyřešeno, jste zlatej člověk. Děkuji mnohokrát.
Není zač. Ber to jako dárek k Vánocům.