CSS過渡動畫內容重疊

我想問一下，我在我的網站上做了一些名爲泡泡的動畫。基本上它只是在定義的內容的給定空間內旋轉和浮動一些框。但我有一個問題，就是動畫內容與我想要顯示的主要內容重疊。例如，我有<form>輸入，但每當動畫浮動到輸入框時，這些框都不可點擊。我想將這些動畫發送到背景，以免妨礙我的主UI。我應該怎麼做？CSS過渡動畫內容重疊

這裏是JSFiddle網站的示例代碼。當正方形在其上浮動時，您可以嘗試單擊輸入表單。

感謝您的.bg-bubbles

來源

2015-06-10 Kenny Yap

嘗試添加CSS類：

pointer-events:none;

所有的動畫項目，是應該做的伎倆。

來源

2015-06-10 02:01:29 limecake

請記住，z值在較低或負值時會導致您的動畫出現在任何「定位」項目的背景中。 – limecake

感謝您的建議......我做了什麼是我添加了'pointer-events：none;'進入我的根'.bg-bubbles li'類，它的作用就像一個魅力... –

很高興聽到這個！ – limecake

設置z-index到-1。乾杯

來源

2015-06-10 01:56:22 aadarshsg

CSS過渡動畫內容重疊

回答

相關問題