css - 应用于 CSS 类的背景图像不会出现在 IE 7 中

Question

CSS引用的背景图片在IE 7中不出现； IE 8、FireFox 和 Chrome 工作。更改了 GIF 和 JPG 图像格式，但这并没有解决问题。

CSS:

.question{
   background-image: url("/app/scr/bsf-osb/ins/images/icons/infos-question-circle2DG.png");
   background-repeat: no-repeat;
   padding-right: 16px; 
   text-decoration: none;
   background-position: left center;
 }

HTML:

<span id="biaEstateNumberHelp" class="question" title="" alt=""></span>

Answer 1

去掉图片相对路径中的第一个/:

background-image: url("app/scr/bsf-osb/ins/images/icons/infos-question-circle2DG.png");

您也可以尝试将 display: inline-block 应用于元素(尽管对于 IE7 这不会执行任何操作 - 您需要添加 *display: inline; zoom: 1; 来模拟内联 block )。