背景圖片沒有在span標籤中顯示

我在windows 7上最新的FF中顯示背景圖片的span標籤有問題。它似乎在早期的FF，Chrome，Safari和IE中可以正常工作並顯示一切，但手持設備設備和Windows 7似乎失敗了。背景圖片沒有在span標籤中顯示

對不起，如果這看起來模糊，我只是不能弄明白，圖像最初是沒有指定高度的png，因爲它們使用gif和應用高度。

<span class="design">Design Viz</span> 
<style> 
.design { 
    background:url(_includes/images/agenda-design.gif) no-repeat top left; 
    display: inline-block; 
    height: 17px; 
    padding-left:25px; 
} 
</style>

來源

2011-09-28 Liam

只是一個快速的猜測，但你真的需要有「您的網址」（所以它的URL（」 _包括/ images/agenda-design.gif'） – MTilsted

我做過了，我在將它發佈到這裏作爲它的客戶端之前已經剝離了它。 – Liam

背景圖像的CSS屬性只把一個圖片作爲背景。對象的寬度和高度總是通過CSS /內聯樣式的靜態設置或其中顯示的內容的實際大小來定義。就你而言，由於你沒有在你的標籤之間添加任何內容，它的x/y尺寸將爲0，但是背景沒有錯誤。它就在那裏，除非您爲元素定義（以某種方式）尺寸，否則只有您不能看到它。

<span class="design">Design Viz</span> 
.design { 
padding-left:25px; 
background:url(_includes/images/agenda-design.gif) no-repeat top left; 
display: inline-block; 
height: 17px; 
width: 50px; 
}

其中50可以是任何有用的值適合您的情況。

來源

2011-09-28 11:11:08

我有我的標籤之間的內容思想，'設計Viz'？ – Liam

跨度的高度和展示是我一直在努力的關鍵因素。 – Pupil

-1

添加寬度：知識+你的CSS樣式太（或任何寬度是）

來源

2011-09-28 11:04:00 Christian

但是該類適用於所有長度不同的多個單詞，所以我不能設置特定的寬度。 .. – Liam

你可以添加最小寬度： – Christian

我試着添加min-widht：17px和width：auto，沒有運氣 – Liam

display：inline-block;不支持IE7。如果你聲明的背景圖像

.design { 
    padding-left:25px; 
    background:url(_includes/images/agenda-design.gif) no-repeat top left; 
    display: inline-block; 
    height: 17px; 
    width: 50px; 
    zoom: 1; 
    *display:inline; 
}

來源

2011-09-28 11:18:38 GDW

你不能設置屬性no-repeat top left：您可以通過添加修復它。在background-image中，您只能設置指向圖片的鏈接。

或者你可以使用background這樣的：

background: url(...) no-repeat top left

來源

2017-01-29 18:06:45

使用填充像

padding-left:25px; 
    padding-top: 6px; 
    padding-bottom: 10px; 
    padding-right: 5px;

來源

2017-12-26 10:44:02

背景圖片沒有在span標籤中顯示

回答

相關問題