Google Chrome在轉換時（jquery）沒有正確呈現css屬性（border-radius）。

我不知道我是否可以解釋這一點而不會讓你們感到困惑。所以，請檢查動畫GIF。Google Chrome在轉換時（jquery）沒有正確呈現css屬性（border-radius）。

適用於Firefox和IE。我正在使用TMSlider 0.4.1進行轉換。

a busy cat

2013-03-13 Logic_magic

圖像基準被打破... – PlantTheIdea 2013-03-13 20:08:18

在你的邊界半徑設置的股利，是你的CSS也設置爲

.div{overflow:hidden;}

來源

2013-03-13 20:20:41 RedBarn

.MP滑塊{ \t位置：絕對; \t top：-109px; \t left：0; \t right：0; \t height：511px; \t border-radius：55px 55px 0px 0px; \t -webkit-border-radius：55px 55px 0px 0px; \t -moz-border-radius：55px 55px 0px 0px; \t溢出：隱藏; }這是使用的CSS。 – 2013-03-13 20:37:02

是否有可能在你的mp-slider div中創建一個包裝器，它將是轉換div，並將位置絕對保留在mp-slider上，但新的包裝器（transition div）的位置設置爲相對位置，同時也具有溢出隱？絕對的位置可能會直接影響這個轉換 – RedBarn 2013-03-13 21:34:37

試過了..仍然沒有工作。我對此有點新。我在這裏暫時託管了它。 [鏈接]（http://bit.ly/16sVtcv）。你可以檢查它。請原諒我非常糟糕的複製和粘貼代碼。我剛開始學習。：p – 2013-03-13 23:14:00

我有同樣的問題顯然與：在容器中「溢出隱藏」。

只有裏面的元素有一個動畫（css3），沒有沒有dealay時，問題纔會出現。

該溶液是這一個：https://stackoverflow.com/a/27233053/1585052

來源

2015-07-08 15:16:08 Dtnand

Google Chrome在轉換時（jquery）沒有正確呈現css屬性（border-radius）。

回答

相關問題