3

背景画像を使用する順序付けられていないリストがあります。Chrome と 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;
}

どんな助けでも大歓迎です！

4

4 に答える 4

2

-ms-border-radius: 8px; にします。

マイクロソフトのミリ秒

于 2013-08-04T23:08:44.070 に答える
0

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 に答える