3

I have an unordered list that uses background images. All's fine in Chrome & FF, but IE8 is presenting some issues. The background images simply don't load. How can I get them to show in IE8? Is this a background image issue?

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

Styles

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

Any help is appreciated!

4

4 回答 4

2

让它 -ms-border-radius: 8px;

微软的毫秒

于 2013-08-04T23:08:44.070 回答
0

我认为使用 just 令人窒息background，因为它加载为

background-image: url("null");

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

#service-icon-routine { 
    background-image: url('http://i.imgur.com/LieBz.png'); 
    background-position: 0px 0px; 
}
于 2012-08-02T17:59:29.887 回答
0

只是为了解决这个问题，我遇到了一个drupal插件设置过滤器的问题，该过滤器必须在我的主css中脱离。在图像 css 上将过滤器设置为：

filter: ;

那应该超越它。认为这可能会有所帮助

于 2013-05-31T14:22:05.400 回答
-1

尝试这个：

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

也可能有助于为#service-icon-routine 设置图像的高度和宽度

于 2012-08-02T17:49:29.313 回答