这是对以下内容的跟进:
在包装 ul 的 div 上使用 addClass 后,fadeOut (on an li) 停止工作
现在我已经将它缩小到一行 CSS,这似乎是重新提出(现在)正确问题的好地方。
这是CSS的行:
.status-fullscreen .main-slides img.display-full {
position:absolute;
top:0;
left:0;
width:100%;
z-index:350
}
(顺便说一句,这个“技巧”来自:http ://css-tricks.com/perfect-full-page-background-image/所以它看起来很合法。)
它适用于的伪代码:
<div .status-fullscreen>
<div .main-slides>
<ul>
<li><img .display-full /></li>
<li><img .display-full /></li>
<li><img .display-full /></li>
</ul>
</div>
</div>
当 CSS 行正在播放并且我正在处理列表的 .go(index) 时,fadeOut() 会按预期停止工作。也就是说,它根本不起作用。fadeIn 有效,但持续时间似乎已关闭。删除线,一切都很好。
是什么赋予了?
我确信还有另一种方法可以生成全屏图像。NBD。但是,了解导致淡出被这行 CSS 中的内容所影响的原因会很好/很有帮助。也许这不是一个错误,但它看起来确实很奇怪,是吗?