Question

我有一个使用背景图片的无序列表。一切都很好Chrome和＆amp; FF，但IE8提出了一些问题。背景图片根本不加载。如何让它们在IE8中显示？这是背景图片问题吗？

<ul class="service-icons">
  <li>
    <a id="service-icon-routine" href="#">
      <span class="service-category-title">Routine Service</span>
    </a>
  </li>
</ul>

样式

ul.service-icons {
    list-style-type: none;
    width: 860px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
}

ul.service-icons li {
    display: inline-block;
    width: 157px !important;
    height: 140px;
    padding: .5em !important;
    margin-bottom: 1.5em;
}

ul.service-icons li a {
    padding: 0em 0em 6.7em 0em;
    width: 102px !important;
    display: block;
    height: 15px;    
    text-decoration: none;
    margin-left: 2.2em;
}

.service-category-title {
    display: block;
    padding-top: 120px;
    text-align: center;    
}

#service-icon-routine {
    background: url('http://i.imgur.com/LieBz.png');
    background-position: 0px 0px;
}

感谢任何帮助！

Answer 1

使它成为-ms-border-radius：8px;

ms for microsoft

Answer 2

我认为仅使用background会让人感到窒息，因为它正在加载为

background-image: url("null");

将其更改为以下内容应该解决它：

#service-icon-routine { 
    background-image: url('http://i.imgur.com/LieBz.png'); 
    background-position: 0px 0px; 
}

Answer 3

为了加入这个，我遇到了一个drupal插件设置过滤器的问题，该过滤器必须在我的主css中解除。在图像css上设置过滤器：

filter: ;

那应该覆盖它。认为这可能会有所帮助

Answer 4

试试这个：

background:url(http://i.imgur.com/LieBz.png) no-repeat;

也可能有助于为＃service-icon-routine

设置图像的高度和宽度

IE8背景图像不显示

4 个答案: