我的新博客標題圖像未顯示...如何正確編寫代碼？

Question

從我可以理解，我可能需要修改header.php文件以及style.css文件。我已經將圖像上傳到託管網站，我相信它是一個相對鏈接：（/public_html/wp-content/themes/sandbox/Header-1.jpg）

所以。這是style.css的代碼，我有：

#header { border-bottom:none; 
    height:200px; 
    padding-top:0; 
    padding-bottom:0; 
    background:url("/public_html/wp-content/themes/kid/Header-1.jpg") 
    no-repeat bottom center; } 


#headerimg { 
     height: 200px; 
     width: 800px; } 

這是header.php中原來的PHP

<div id="header"> 
     <h1 id="blog-title"><span><a href="<?php bloginfo('home') ?>/" title="<?php echo wp_specialchars(get_bloginfo('name'), 1) ?>" rel="home"><?php bloginfo('name') ?></a></span></h1> 
     <div id="blog-description"><?php bloginfo('description') ?></div> 
    </div><!-- #header --> 

我試着

更換H1 id和DIV ID線

<img src= "/public_html/wp-content/themes/sandbox/Header-1.jpg"/> 

但這並不奏效。

眼下的網站有沒有頭，可以在這裏看到：www.dearjasmina.com

感謝您的時間！

Answer 1

您使用的路徑不正確。它應該是/wp-content/themes/sandbox/Header-1.jpg。

所以你的CSS應該閱讀

#header { 
    height:200px; 
    padding-top: 0; 
    padding-bottom: 0; 
    background:url('/wp-content/themes/kid/Header-1.jpg') no-repeat bottom center; 
} 

Answer 2

嘗試

#header { border-bottom:none; 
    height:200px; 
    padding-top:0; 
    padding-bottom:0; 
    background:url("/wp-content/themes/kid/Header-1.jpg") 
    no-repeat bottom center; } 


#headerimg { 
     height: 200px; 
     width: 800px; } 

你的背景居然是在 http://www.dearjasmina.com/wp-content/themes/sandbox/Header-1.jpg

Answer 3

看來好像相對的URL是不正確。嘗試刪除/public-html。在你的圖像路徑

Answer 4

刪除的public_html文件夾，使用如下
<img src="/wp-content/themes/sandbox/Header-1.jpg">

Answer 5

有404未找到你的圖像上，根據IE網絡嗅探。仔細檢查你的網址。