CSS轉換不適用於mozilla

-3

我嘗試使用懸停動畫進行一些轉換。在歌劇和鉻它的作品，但不是Mozilla。我需要做什麼！？我的代碼如下CSS轉換不適用於mozilla

HTML

<a href=""> 
    <div class="teams back"></div> 
</a>

CSS

.teams{ 
     display: table-cell; 
     background-size: cover; 
     background-position:center; 
     width: 360px; 
     height: 370px; 
     transition:1s;-webkit-transition:1s;-moz-transition:opacity 1.0s;-o-transition:1s; 
    } 
    #teams .back{background-image: url("link");} 
    #teams .back:hover{background-image:url("link");}

我這個

來源

2016-07-23 Daniels Jirgensons

你是混亂的ID和班級和轉換錯誤的性質。 –

@Paulie_D是啊我知道，但我做了JSFiddle，那裏我的代碼沒有錯誤:) –

作出JSFiddle第一個transition語句的語法是無效的。請參閱：transition

你必須改變

transition: 1s; 
-pre-transition: 1s;

到

transition: <property> 1s; 
-pre-transition: <property> 1s;

因爲，你有-moz-transition:opacity 1.0s;，你的情況<property>將opacity。

來源

2016-07-23 12:17:34

這不適合我，我爲此做了JSFiddle。在Opera上，Chrome使用我的代碼，但使用mozilla我有一個問題:( –

用'background'替換'opacity'。你試圖轉換'backgound'圖像，而不是'opacity'。 –

我沒有讓你...... :( –

你的過渡屬性的語法應該是這樣的：

opacity: 1; 
-webkit-transition: opacity 1s; 
-moz-transition: opacity 1s; 
-o-transition: opacity 1s; 
transition: opacity 1s;

要知道轉變工作方式閱讀css transition

來源

2016-07-23 13:51:43 Rakib

我爲這個問題做了一個JSFiddle。 –

CSS轉換不適用於mozilla

回答

相關問題