css @keyframes動畫不適用於Windows的Safari

我製作了一個可以淡入淡出，幻燈片或兩者都可以作爲過渡的傳送帶腳本。這可以通過更改父容器的類名（＃moduleCarousel_12）來設置。css @keyframes動畫不適用於Windows的Safari

在Chrome工作正常。

在Safari（適用於Win）但是：

淡出只能如果家長也有在類名「向左滑動」。這很奇怪，因爲它只添加了第二個動畫（左定位）。

.moduleCarousel.fade > div.active { 
 
    z-index: 3; 
 
    opacity: 1; 
 
    -webkit-animation-name: fade; 
 
    animation-name: fade; 
 
} 
 
.moduleCarousel.slide.left.fade > div.active { 
 
    -webkit-animation-name: slide-left, fade; 
 
    animation-name: slide-left, fade; 
 
} 
 

 
/* Chrome, Safari, Opera */ 
 
@-webkit-keyframes fade { 
 
    0% {opacity: 0; -moz-opacity: 0;} 
 
    100% {opacity: 1; -moz-opacity: 1;} 
 
} 
 
/* Standard syntax */ 
 
@keyframes fade { 
 
    0% {opacity: 0; -moz-opacity: 0;} 
 
    100% {opacity: 1; -moz-opacity: 1;} 
 
} 
 

 
@-webkit-keyframes slide-left { 
 
    0% {left: 100%;} 
 
    100% {left: 0%;} 
 
} 
 
@keyframes slide-left { 
 
    0% {left: 100%;} 
 
    100% {left: 0%;} 
 
}

2.幻燈片切換完全不

工作，我在做什麼錯？ :)

來源

2014-09-22 Philip

蘋果公司在Windows上放棄了對Safari的支持 - 不用擔心它能夠正常工作，因爲它被竊聽並且不會被更新。 – easwee 2014-10-01 09:20:57

windows上的Safari瀏覽器不是一個「真正的」瀏覽器，它是模擬的，在其上工作。有很多關於它的錯誤，並且很多網頁設計師都遇到了問題，並且蘋果在2012年撤回了他們對Windows系統上safari的支持。好的部分是，獲得彩票的機會比找窗戶的機會高-safari用戶。

來源

2014-10-01 08:35:19 Gho

截至2014年9月，Safari 5.1用戶佔互聯網用戶的0.83％。我找不到從Apple拆分Windows的方法，但可以肯定的是，假設0.83％中的100％不是Windows。 http://gs.statcounter.com/#desktop-browser_version_partially_combined-ww-monthly-201309-201409 – 2014-10-02 03:37:43

所以這是Safari（對於Windows）中的一個錯誤，顯然沒有解決方法。

編輯： 根據CSS-tricks.com和w3schools.com我定義動畫的方式是正確的。（除非我錯過了什麼？）並且它適用於所有瀏覽器，除了Windows版Safari。

因爲沒有人知道它爲什麼不起作用，正如Easwee和Gho所說，蘋果公司不再支持這個版本的瀏覽器，合乎邏輯的結論是：這是一個錯誤，在這一刻沒有修復。（並且可能永遠不會有）

但是，如果我錯了，或者如果我在腳本中犯了錯誤，請告訴我。

來源

2014-09-30 13:20:34 Philip

這不提供問題的答案。要批評或要求作者澄清，請在其帖子下方留言。 – webeno 2014-10-01 09:24:09

問題的答案是：沒有解決方案，這是一個沒有解決的問題。所以，這是Gho承認的正確答案。 :)不幸的是當然:) – Philip 2014-10-01 12:13:27

也許你想提供你的信息的來源，然後... – webeno 2014-10-01 12:20:12

css @keyframes動畫不適用於Windows的Safari

回答

相關問題