我有一个包含五个div的网页。用户可以通过单击下一个或上一个按钮在div之间切换。如果单击下一步，则淡入现有div上的下一个div并淡出现有div。想象一下，翻看一些图片。
我的问题是，我只是为opacity属性设置动画。因此，用户无法与可见div的某些元素进行交互。我的预感是因为它上面有一个看不见的@keyframes fadeIn { from { opacity:0; } to { opacity:1; }}
@keyframes fadeOut { from { opacity:1; } to { opacity:0; }}
.fade-in {
opacity: 0;
position: relative;
top: 0;
left:1rem;
animation: fadeIn 0.3s ease-in;
animation-fill-mode: forwards;
}
.fade-out {
opacity: 1;
position: relative;
top:0px;
left:1rem;
animation: fadeOut 0.3s ease-in;
animation-fill-mode: forwards;
}
。
display有没有办法使用CSS，我可以在inline动画完成后将none属性从fade-out更改为Guid LendedBook { get; set; }
？我知道我可以连接一些jQuery。然而，这似乎有点笨拙。似乎应该有一种方法让我在0.3秒过后将元素从可见变为隐藏。
感谢任何帮助。
答案 0 :(得分：0)
是的，不透明度会使不可见的重叠元素保持在最顶层。
动画func didTapButton(button: UIButton) {}
，但同时将opacity从/ visibility切换为允许与元素hidden/visible
此外，由于您需要淡入淡出效果，而不是visibility:hidden，relative最适合您的要求。