列表項背景上的CSS轉換

我經常使用CSS轉換，出於某種原因，我無法讓它們在簡單的無序列表上工作。我在這裏創造一個演示：http://jsfiddle.net/79NhC/列表項背景上的CSS轉換

在列表項，我有以下的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; 
}

出於某種原因，當用戶將鼠標懸停在列表項目，背景不正常的褪色。任何理由？在此先感謝

來源

2012-06-26 JCHASE11

您需要在所有瀏覽器特定的過渡聲明之前加上-。

所以，像這樣：

#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-26 19:55:38 Quantastical

這非常適用於的jsfiddle，但由於某種原因它不能在我的檔案工作。我的網頁上的其他轉換工作正常。還有什麼可能導致轉換不能正常工作？ – JCHASE11

舊的CSS文件可能被緩存，或者其他屬性覆蓋它。在沒有看到代碼的情況下，可能有很多原因會導致它在小提琴中而不是在您的網站上運行。 – Quantastical

你可以在這裏採取一個高峯：http：//bajdesign.com/fs/index.php該區域不工作是右上角四個列表 – JCHASE11

列表項背景上的CSS轉換

回答

相關問題