html - 无法在 IE (8/9/10) 中为跨度/div 设置背景图像

Question

我尝试使用所有可能的修复程序，我可以搜索。包含; 检查空间、RGBa 解决方案等。但是，似乎没有任何效果。

请告诉以下是否有任何问题

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;
}

Answer 1

.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 中指定高度。

Answer 2

作为设置高度的替代方法，正如@stackErr 建议的那样，您可以在 css-tricks.com上的这篇文章中使用任意数量的替代方法。