Image sitede gözükmüyor

0.0_lucas

Centipat
Katılım
4 Eylül 2022
Mesajlar
242
Çözümler
4
Yer
Bursa
Daha fazla  
Sistem Özellikleri
İşlemci; i7 12700K
RAM; Kingston Fury Beast 32 GB 3200 MHz DDR4 CL16
Ana Kart; ASUS B660M - E D4 3600MHz
Ekran Kartı; RX6750XT 12GB
Sıvı Soğutucu; MSI MAG CORELIQUID P360 360 mm İşlemci Sıvı Soğutucu
Cinsiyet
Erkek
Meslek
Meslek Lisesi Yazılım Öğrencisi
Arkadaşlar main.html de bg-image ayarladım ve çok güzel bir şekilde sayfada gözüktü ama icerik.html de aynısı yapıyorum fakat sayfada gözükmüyor görsel.

HTML Aşağıda:
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>İcerikler</title>
    <link rel="stylesheet" href="icerik.css">
</head>
<body>
    <div class="icerik-image">
        <p class="baslik">gulu</p>
    </div>
</body>
</html>

CSS Aşağıda:
CSS:
.icerik-image{
    position: absolute;
    background-image: url(/bg-images/2.png);
    background-size: cover;
    background-position: center;
    height: 46rem;
    width: 100%;
    z-index: -1;
}

.baslik {
    text-align: center;
    padding-top: 70px;
    font-size: 175px;
    font-family: 'Single Day', cursive;
}
 
Windows'ta ayarlama yapıyorsanız dizin üzeri yol göstermeniz lazım. url(D:/calisma/bg-images/2.png); gibi.
 
Windows'ta ayarlama yapıyorsanız dizin üzeri yol göstermeniz lazım. url(D:/calisma/bg-images/2.png); gibi.

Bu dediğiniz mantıklı fakat URL içine / yazınca klasörü vesaire kendisi gösteriyor hatasız bir şekilde ayarlı.
 
Konsoldan görüntü atar mısınız?

Derken neyi kast ettiniz acaba? HTML ve CSS de consol mu var çünkü direk 2 klik yaparak açıyorum tarayıcıda.
 
Derken neyi kast ettiniz acaba? HTML ve CSS de consol mu var çünkü direk 2 klik yaparak açıyorum tarayıcıda.
Screenshot_2.png

F12'ye basıp buradan bi görüntü atın hocam.
 

Yeni konular

Geri
Yukarı