Kezdőoldal » Számítástechnika » Programozás » Segítséget kérek egy kiegészít...

XYZHUN kérdése:

Segítséget kérek egy kiegészítést írni meglévő weblap háttér html kódhoz?

Figyelt kérdés

Sziasztok!


Van egy működő html háttérkép kódom a lényege, hogy nem is ismétlődik a háttérkép.

Viszont, ha a böngészőben állítom az ablak méretszázalékát 100-ról 90%-ra vagy még alacsonyabbra a háttérkép is kicsinyül.


<style>

body {

background-color:#eeffee;

background-image:url('labda_k40.png');

background-repeat:no-repeat;

background-position:left top;

background-attachment:fixed; }

</style>

...

<body>

<p>fixed</p><p>fixed</p>

<p>fixed</p><p>fixed</p>

</body>


Kérem segítsen aki ért hozzá, hogy fix legyen a kép és mindig 100%-ban igazodjon a képernyő széleihez?


Előre is köszönöm!



2018. febr. 14. 23:07
 1/3 anonim ***** válasza:
100%

Használd a background-size tulajdonságot.

[link]

Azt viszont vedd figyelembe, hogy nagyon nem egyformák a készülékek/monitorok/eszközök képarányai.

Minden megjelenítőre csak úgy tudod beállítani a háttérképet, ha fix és azt szeretnéd, hogy minden eszközön kitöltse pont képet, hogy mindkét méretet 100-%-ra állítod. De így torzulni fog sok eszközön.

2018. febr. 14. 23:36
Hasznos számodra ez a válasz?
 2/3 A kérdező kommentje:

Köszönöm szépen a segítséget!


background-size: 100% 100%;


Ezzel kiegészítve megoldódott a probléma.

2018. febr. 15. 12:08
 3/3 anonim ***** válasza:
Az rendben, de nézd meg tableten is, meg mobilon is. Forgasd is el, hogy a tájolás átváltson. Akkor is jó?
2018. febr. 15. 21:19
Hasznos számodra ez a válasz?

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

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!