1

CSSファイルに次のコードがあります。これは、アンカー要素のすべてのCSSプロパティのすべてのリンクで遷移をグローバルにオンにします。

a{
    display:block;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

後でCSSファイルで、特定のリンク（たとえばクラスを使用）での遷移をオフにしたいのですnotransが、。のみですbackground-position。何かのようなもの：

a.notrans{
    -webkit-transition: background-position 0;
    -moz-transition: background-position 0;
    -o-transition: background-position 0;
    -ms-transition: background-position 0;
    transition: background-position 0;
}

しかし、このコードは機能しません。

トランジションをオンにbackground-positionして他のトランジションを維持する必要があるため、スプライト-背景画像は移動しませんa.notrans...

4

1 に答える 1

1

トランジションの新しいプロパティを宣言するだけで、古い継承されたプロパティはなくなります。

だから、私はこれを使用しました>

a.notrans{
-webkit-transition:color .2s;
-moz-transition:color .2s;
-o-transition:color .2s;
-ms-transition:color .2s;
transition:color .2s;
}

この後、カラートランジションのみが機能します！

たぶんもっと良い解決策がありますか？

于 2012-08-01T06:26:14.817 に答える