HTML ve CSS Arka plan resmi görüntülenmiyor

URL'mi ve dosyaların adını zaten iki kez kontrol ettim, ancak görüntünün görünmesini sağlayamıyorum. Bu neden böyle? İşte benim kodum (<p>'un gövde etiketlerinin içine girdiğine dikkat edin, tam kodu eklemedim, sadece başını ve belirli problemi ekledim). bir görüntü arıyor ../ olmadanHTML ve CSS Arka plan resmi görüntülenmiyor

background-image: url(../images/background.gif);

sizin stil klasörünün içindeki klasörü yok:

<html> 
    <head> 
    <title>Head First Lounge.</title> 
     <link type="text/css" 
      rel="stylesheet" 
      href="stylesheet/style.css" 
      media="screen"/> 
    </head> 


<p class = "guarantee"> 
    Our guarantee: at the lounge, we're committed to providing you, 
    our guest, with an exceptional experience every time you visit. 
    Whether you're just stopping by to check in on email over an 
    elixir, or are here for an out-of-the-ordinary dinner, you'll 
    find our knowledgeable service staff pay attention to every detail. 
    If you're not fully satisfied, have a Blueberry Bliss Elixir on us. 
</p>

Ve burada o kısmı

.guarantee{   
     background-image: url(images/background.gif); 
     font-family: "Geogia", "Times New Roman", Times, serif; 
     border-color: black; 
     border-width: 1px; 
     border-style: solid; 
     background-color: #a7cece; 
      padding: 25px; 
      margin: 30px; 
      line-height: 1.9em; 
      font-style: italic; 
      color: #444; 
}

kaynak

2012-01-12 user962206

görüntünün url nedir? /images/background.gif veya /stylesheet/images/background.gif – KingCronus

görüntü/background.gif içinde bulunuyor. Ana HTML sayfası. – user962206

arka plan görüntüsünü değiştir: url (../ images/background.gif) ' –

bu deneyin CSS kuraldır . Yani, resim klasörünün bulunduğu bir dizine geri dönmeniz gerekiyor.

Düzenleme: Ayrıca şöyle CSS stillerini kadar kısaltabilir: Tarayıcı şu anda sizin stil dizin içindeki görüntünün ararken olacak

.guarantee{ 
    background: #a7cece url(../images/background.gif); 
    border: 1px solid black; 
}

kaynak

2012-01-12 16:52:34 Drew

Başka bir deyişle: Stil sayfalarındaki dış içerik, stil sayfasının yoluna göreceli olarak bağlanır. Stil sayfası "stylesheet/style.css" ise, "images/bg.gif" ifadeleri "stylesheey/images/bg.gif" olarak çözülür. –

Geez, sonunda çalıştım. Asla farklı yollarda olduğumu fark etmedim ve resimler klasörü ana sayfa ile aynı yol değil, ayrıca bazı yararlı ipuçları da ekledim! Özellikle CSS’de yeniyim, web programlama. Teşekkürler Drew! – user962206

Çok faydalı gönderi! – nckbrz

sorunun nedeni olabilir hangi

background-image: url(images/background.gif);

background-image: url(/images/background.gif);

değişen denemeye değer olabilirdi.

kaynak

2012-01-12 16:53:11 KingCronus

-1

Resim yolundaki eğik çizgiler (/) yerine geriye eğik çizgiler (\) kullandınız mı?

Bu hatayı yaptım ve krom tarayıcımla savaşıyordum. background-image: url (/ Windows Explorer'dan görüntü yolunu (kullanan geriye eğik çizgiler) Bu aynı sorunu görüntü url

(örnek başına/ekleyerek çözmüş başlamıştı

kaynak

2014-10-02 17:21:31

kopyalanan images/background.gif);) bu yardımcı olur

Umut :)

kaynak

2015-08-11 14:07:52 Seth

Bu cevap biraz geç olduğunu biliyorum ama bu bağlantı, size css dosyası yolları için ayrıntılı bir açıklama verecektir.

/ returns to the root directory 
../ moves one directory backwards 
../../ moves two directory backwards

https://css-tricks.com/quick-reminder-about-file-paths/

kaynak

2016-02-13 18:30:43

HTML ve CSS Arka plan resmi görüntülenmiyor

cevap

İlgili konular