1

私は IE8 の特異性の問題に悩まされています: http://proffetdemo.themesforge.com/shop/

次のセレクターは、Chrome/Firefox などで正しく適用されます。アル。

.tfshop-3 ul.products li.product {
    width: 30.5% !important;
}

しかし、IE8 では完全に無視されます。上記のセレクターは、別のセレクターのオーバーライドです。

ul.products li.product {
    float: left;
    margin: 0 0 20px;
    position: relative;
    width: 48%;
}

IE8がより具体的なセレクターを無視する理由を知っている人はいますか?

更新 1: 15/02/13 これは、IE8 で Respond.js が正しくロードされていないことに関連している可能性があると考えています - IE8 で他のメディアクエリが機能していないようです - うーん...

4

2 に答える 2

1

クラスの前にタグを追加してみてください。お気に入りdiv.tfshop ul.products li.product

于 2013-02-15T16:02:50.723 に答える
0 
@media only screen and (min-width: 768px) {
  ...
  div.tfshop-3 ul.products li.product {
    width: 30.5% !important;
}
  ...
}

これらのスタイルが @media 条件付きクエリに定義されていますが、これは IE8 以下ではサポートされていませんhttp://caniuse.com/css-mediaqueries

これは、おそらくhttp://wicky.nillia.ms/enquire.js/がより簡単な方法で対処するのに役立つものです。

于 2013-02-15T16:10:54.223 に答える