我有以下的HTML代碼：CSS - 個人背景圖像

...和下面的CSS：

.avatar { 
    background: url(img.png) no-repeat; 
    background-position: 2px 5px; 
}

但圖像將不會顯示。我該如何解決這個問題？

（是的，我已經搜查年我的答案，但沒有找到。）

我的整個代碼：

<body onload="countdown()"> 
<div class="avatar"></div> 
<img src="..." class="logo" /> 
    <div id="box"><b><u><?php echo $titel; ?></u></b> 
     <br /><br /> 
     <?php echo $text1; ?><br /><br /> 
     Lorem ipsum.. <span id="countdown" style="color: white"></span>Lorem ipsum..<br /> 
    </div> 
</body>

來源

2014-10-18 Aarivex

是img.png位於其中的.html位於同一個文件夾？ – Gunaseelan 2014-10-18 13:56:04

編輯我的話題。 – Aarivex 2014-10-18 14:05:26

當提出處理HTML – 2014-10-18 14:47:43

您的DIV不具有寬度或高度，這就是爲什麼它將不顯示背景圖片，嘗試給它一個寬度&高度，

.avatar { 
    background: url(img.png) no-repeat; 
    background-position: 2px 5px; 
    width:500px; 
    height:500px; 
}

如果這也不行，有什麼東西錯了你的圖片鏈接。

來源

2014-10-18 13:57:35 Nick

進行這些修改:)

.avatar{ 
 
    background-image: url("img.png"); 
 
    background-repeat: no-repeat; 
 
    background-position: 2px 5px; 
 
    }

來源

2014-10-18 13:58:38

的問題時，請給出*呈現的* HTML而不是PHP的一面，對不起，我的錯誤 – 2014-10-18 14:04:14

如果這是你的整個代碼，你沒有寬度或高度看到http://jsfiddle.net/2ms2dpww/

.avatar { 
    width:1000px; 
    height:1000px; 
}

編輯

這是行不通的，因爲你關閉了DIV看到這個http://jsfiddle.net/2ms2dpww/1/

我關閉這個在結束一切正常

<div class="avatar">

來源

2014-10-18 13:59:31 Akshay

這不是mir整個代碼，我有更多的內容。當我添加高度和寬度時，我的內容會下降。 – Aarivex 2014-10-18 14:01:54

@Aarivex在小提琴中展示你的代碼，那麼它會更好 – Akshay 2014-10-18 14:03:10

@Aarivex查看編輯 – Akshay 2014-10-19 04:58:58

CSS - 個人背景圖像

回答

編輯

相關問題