無法設置背景圖像的跨度/格在IE（8/9/10）

我嘗試使用所有的可能的解決方法，我可以搜索。包含;檢查空間，RGBa解決方案等。但是，似乎沒有任何工作。無法設置背景圖像的跨度/格在IE（8/9/10）

請告訴我們，如果沒有與下面的

HTML的任何問題：

<div class="viewReminders" title="View Reminder(s)">&nbsp;</div>

CSS：

.viewReminders{ 
    background-image: url('viewReminders.jpeg'); 
    background-repeat: no-repeat; 
    display: inline-block; 
    float: right; 
    width: 16px; 
    opacity: 0.5; 
    filter: alpha(opacity = 50); 
    cursor: pointer; 
}

來源

2013-06-20 San Tosh

你的圖像可能比16px的大...並檢查高度爲好。 – stackErr

什麼是「高度」？ – hmhcreative

image size：16x16px –

.viewReminders{ 
    background-image: url('viewReminders.jpeg'); 
    background-repeat: no-repeat; 
    display: inline-block; 
    float: right; 
    width: 16px; 
    height: 16px; 
    opacity: 0.5; 
    filter: alpha(opacity = 50); 
    cursor: pointer; 
}

你需要在你的CSS到指定高度。

來源

2013-06-20 20:10:39 stackErr

IE不會將「」視爲內容。因此，將高度添加到您的CSS將解決問題。或者，您可以添加「查看提醒」，然後設置的離譜的東西（如-2000px）「隱藏」的文字（[css-tricks.com（http://css-tricks.com/陰性切緣css-image-replacement /） - 或者該網站上的其他任何技術） – Beez

增加高度。仍然沒有工作... –

@San你確定你的網址返回一個圖像？圖像是否與背景顏色相同/相似？ – stackErr

作爲替代設置高度，@stackErr建議，你可以在css-tricks.com使用任意數量的this post的替代品。

來源

2013-06-20 20:20:55 Beez

感謝您的回覆@Beez –

無法設置背景圖像的跨度/格在IE（8/9/10）

回答

相關問題