1

私はCSSトランジションをかなり定期的に使用していますが、何らかの理由で、単純な順序付けされていないリストでCSSトランジションを機能させることができません。ここでデモを作成しました：http：//jsfiddle.net/79NhC/

リストアイテムには、次のcssがあります。

#servicesBox li {
    border-bottom:1px solid #eeeeee; 
    padding:10px 0 10px 10px;  
    webkit-transition: background 0.2s; 
    moz-transition: background 0.2s; 
    ms-transition: background 0.2s; 
    o-transition: background 0.2s; 
    transition: background 0.2s; 
}​

何らかの理由で、ユーザーがリストアイテムにカーソルを合わせると、背景が適切にフェードインしません。理由は何ですか。前もって感謝します

4

1 に答える 1

2

-すべてのブラウザ固有の遷移宣言の前に置く必要があります。

だから、このように：

#servicesBox li
{
    border-bottom:1px solid #eeeeee;
    padding:10px 0 10px 10px;
    -webkit-transition: background 0.2s;
    -moz-transition: background 0.2s;
    -ms-transition: background 0.2s;
    -o-transition: background 0.2s;
    transition: background 0.2s;
}
于 2012-06-26T19:55:38.923 に答える