不能正確地更換它的CSS相當於

Question

的img我不想使用<img>的東西像按鈕圖標，錯誤提示等

目前，我有這個加價渲染錯誤信息：

<p> 
    <img src="/path/to/error.jpg" />An error occurred 1 
</p> 

<p> 
    <img src="/path/to/error.jpg" />An error occurred 2 
</p> 

它呈現，像（僞視圖）

[img] An error occured 1 
[img] An error occured 2 

它的工作原理正是我想要的方式，但問題是<img>標籤，我不希望在所有使用。

所以，我已經試過更換img標籤用，

<style> 
    #error { 
     background-image : url(../images/error.jpg); 
     background-repeat : no-repeat; 
     width    : 130px; 
     height   : 30px; 
    } 
</style> 

<p> 
    <div id="#error"></div>An error occured 1 
</p> 

<p> 
    <div id="#error"></div>An error occured 2 
</p> 

但它呈現，就像

[img] 
An error occured 1 
[img] 
An error occured 2 

我也試過其width玩， height，新增left，但沒有運氣。

再次 - 問題是，

[img] 
An error occured 

它呈現這種方式與上述#error風格。

問題，

我想這跟#error CSS definiton，而不會呈現這樣img標籤，

[img] An error occured 

我還需要補充的嗎？

Answer 1

你可以玩background-position屬性。以下是相同的

#error { 
    background: url(../images/error.jpg) top left no-repeat; 
    width: 130px; 
    height: 30px; 
    padding-left: (width of image); 
} 

和標記的例子是

<div id="#error">An error occured 1</div> 

Js Fiddle Demo