背景圖像而不會出現在跨度CSS

我有我的網頁上簡單的跨度與類eah-logo-img，和我的CSS裏面，我試圖設置背景圖片吧。但是，由於某種原因，它不起作用。背景圖像而不會出現在跨度CSS

這是我的HTML：

<span class="eah-logo-img"></span>

，這是我的CSS：

.eah-logo-img{ 
    width: 150px; 
    height: 150px; 
    vertical-align: middle; 
    background: url('img/logo_def_white.gif'); 
    background-size: auto; 
}

我的形象是img文件夾（在同一文件夾中的CSS內內，所以它應該是加工。）。我確定名稱是正確的，並且我已檢查Chrome檢查元素並確保鏈接正確。

我不確定爲什麼這不起作用。

乾杯。

來源

2016-05-18 GROVER.

跨度是內聯元素。將'display：inline-block'添加到您的css – choz

您的span元素沒有實際的寬度或高度 - 因此您幾乎看不到任何背景，因爲它顯示在0 * 0像素大的區域。

width和height定義有內聯元素沒有影響

所以加display:inline-block或display:block您跨度，或浮，或位置時，它絕對（其跨度是默認設置。） - 使寬度並且高度爲允許有效。

來源

2016-05-18 08:06:56 CBroe

完成此操作。表明。但是，它不是指定的大小。即使我已經指定了我的寬度和高度。 –

nvm，修好了！ :) ty –

在你的CSS添加

顯示：塊

或

顯示：inline-block的

更好，但不要用跨度，如果你想定義寬度和高度，用div代替。

來源

2016-05-18 08:14:57 rankaru

背景圖像而不會出現在跨度CSS

回答

相關問題