fadeOut”;被禁用”;通过一行看似温和的CSS(jquery bug?)

fadeOut "disabled" by a seemingly benign line of CSS (jquery bug?)

本文关键字:和的 jquery bug CSS fadeOut 一行      更新时间:2023-09-26

这是对的后续操作

在包装ul 的div上使用addClass后,fadeOut(在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(索引)时,fadeOut()将按预期停止工作。也就是说,它根本不起作用。fadeIn在持续时间似乎关闭的情况下工作。去掉行,一切都好。

什么东西?

我相信还有另一种方法可以产生全屏图像。NBD。但是,了解是什么原因导致fadeOut被这行CSS中的内容所影响会很好/很有帮助。也许这不是一个bug,但它看起来确实很奇怪,是吗?

问题已解决。我没有仅仅使用图像上的单行来使其全屏显示,而是在

  • 和包装器上使用了fixed和height(如果这有意义的话)。简而言之,在使顶部的层一致定义(我想)中,代码停止了混淆jq。