我正在使用以下 jquery 插件新闻旋转器来显示几个不同的新闻标题: http://landofcoder.com/index.php?option=com_jdownloads&Itemid=372&task=view.download&cid=9
相当不错的头条新闻，但当您跳转到不同的层/故事时，它似乎不会修改 z-index，因此嵌入在第 1 层的视频始终会激活，即使我单击其他层中的新闻故事或视频也是如此层。因此，例如，如果我转到另一个故事并单击播放按钮，则第一个(最上面)故事上的视频会激活，而不是我正在播放的那个。
我希望有一个示例来说明如何修改脚本以促进在图层/故事更改时更改 z-index。
我猜测可以在 script.js 文件中的不透明度偏移下方的 fxStart 函数中进行修改，但我只是不够格还在 js 上。
最佳答案
好的，我绕过后面的白色屏幕的方法是只为当前层设置动画。所以当你想淡出到下一层时，你: 1. 将当前层的z-index设置为一个高数(比如说3) 2. 将下一层的 z-index 设置为较低的数字(比如 2)并将不透明度设置为 1 3. 仅淡出当前层，这将显示下面的下一层。 4. 在当前层动画上设置回调函数，将 z-index 重置为正确的值，以免弄乱下一个过渡。
所以根据我最后的建议，我会推荐:
// accomodate your other issue
var $nextObj = $(this.slides).eq(index).css({zIndex:900, opacity:1});
$(currentObj).css({zIndex:1000}).stop().animate( {opacity:0}, {duration: this.settings.duration, easing:this.settings.easing}, function(){ $(this).css({zIndex: 1}); $nextObj.css({zIndex: 2}); );
这有意义吗？
关于javascript - 图层更改的 Z-index 修改(jquery 插件修改)？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8494866/