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;来模拟内联块）。

Answer 2

如果我记得正确IE取出空标签。在你的范围内添加 之类的内容

Answer 3

您是否尝试过overflow: hidden;？

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

3 个答案: