HTML-CSS'de body backgroundun üstünde kalıyor

west00nn · 20 Ekim 2023

Arkadaşlar merhaba. Ben Body'e background verdim fakat aşağı kaydırmak için section kullandım. Hiçbir şekilde aşağı kaymıyor body backroundunun üstünde kalıyor, ne yapabilirim?

CSS:

body {
    background-size: cover;
    width: 100%;
    background-repeat: no-repeat;
    background-image: url(/backround.jpg);
    font-family: Gabarito, sans-serif;
}

<section class="backround1">
</section>

.backround1{
    background-image: url(backround.jpg);
    background-size: cover;
}

kaan.w · 21 Ekim 2023

Tam anlamadım ama üstünde kalıyor dediğine göre z-index kullanabiliriz.

CSS:

body {
    background-size: cover;
    width: 100%;
    background-repeat: no-repeat;
    background-image: url(/backround.jpg);
    font-family: Gabarito, sans-serif;
    z-index: -1;
}

<section class="backround1">
</section>

.backround1{
    background-image: url(backround.jpg);
    background-size: cover;
    z-index: 1;
}

west00nn · 23 Ekim 2023

kaan.w dedi:

Tam anlamadım ama üstünde kalıyor dediğine göre z-index kullanabiliriz.

CSS:

body {
    background-size: cover;
    width: 100%;
    background-repeat: no-repeat;
    background-image: url(/backround.jpg);
    font-family: Gabarito, sans-serif;
    z-index: -1;
}

<section class="backround1">
</section>

.backround1{
    background-image: url(backround.jpg);
    background-size: cover;
    z-index: 1;
}

hocam evet biraz garip anlatmışım. Benim isteğim 2 sayfalı bir site yapmak ama resim gözükmüyor

pottie4r · 23 Ekim 2023

west00nn dedi:
hocam evet biraz garip anlatmışım. Benim isteğim 2 sayfalı bir site yapmak ama resim gözükmüyor

Bütün kodları atın, çıktının ekran görüntüsü üzerinde yaşadığınız sorunu gösterin. Gerçekten ne demek istediğinizi anlamıyoruz.

HTML-CSS'de body backgroundun üstünde kalıyor

Ayrıntılı düzenleme

west00nn

Decapat

kaan.w

Megapat

west00nn

Decapat

pottie4r

Megapat

Benzer konular

Technopat Haberler

Yeni konular

Yeni mesajlar

Gizliliğinize önem veriyoruz