arka plana fotoğraf yüklemek

gurkndrgn 480 gün önce

265 defa görüntülendi

Html yapıs:

<header class="main-header">
  <div class="first-info display-1 text-center justify-content-center">
    <h1>Welcome To Lavender Hotel</h1>
    <p>
      Lorem ipsum dolor, sit amet consectetur adipisicing elit. Tempore,
      commodi. Temporibus, necessitatibus velit? Exercitationem,
      consequuntur!
    </p>
  </div>
</header>

scss yapısı:

.main-header {
  background-image: url(header.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 100vh;
}

bu yapıda arka plana bir fotoğraf yüklemek istiyorum ancak fotoğraf yüklenmiyor ve (Failed to load resource: net::ERR_FILE_NOT_FOUND) hatası alıyorum. Nasıl Yapabilirim? (url doğru)

Soru hatalı mı? 👎

Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!

Spam olarak işaretle

Cevaplar (2)

gurkndrgn

476 gün önce

Arkadaşlar çözdüm, scss kod yapısını css e geçirmek için node.js kullanıyodum bundan dolayı herşey doğru olmasına rağmen node.js yapımda yanlışlık varmış. Orada bulunan url yi değiştirmem gerekiyomuş. Teşekkürler

#012844

zailby9

479 gün önce

Al kanka

  .main-header {
    background-image: url('arkaplan-resim-urlsi.jpg'); // arka plan resminin URL'sini buraya ekle.. 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
  }

#012837