Jquery 更改z索引后未显示DIV
我正忙着在某个主页上显示一个“本周最热门”框。不久前,一个恼人的小问题发生了,但我希望它会消失,这有时会发生,下降到一个低水平 见现场示例 左侧显示三个子项,每几秒钟pageload后,它将转到序列中的下一个子项(1->2,2->3,3->1)。最初显示项目#1,隐藏项目#2+#3,单击拇指#2-或-几秒钟后,项目#1将消失,项目#2将显示/slideIn/fadeIn/无论什么 在主项#1、#2和#3中有一个DIV1,文本内容显示该项的信息 样式设置为50透明度。由于透明度设置为低于100的值,因此文本有时很难阅读。为了解决这个问题。。。当用户单击DIV1时,另一个带有白色背景的DIV2将显示在-DIV1后面 现在文本将更容易阅读,因为(组合)背景透明度较低 正常工作直接在页面加载后(导航到幻灯片2/3()未执行):单击DIV1将显示DIV2Jquery 更改z索引后未显示DIV,jquery,html,z-index,show,fadein,Jquery,Html,Z Index,Show,Fadein,我正忙着在某个主页上显示一个“本周最热门”框。不久前,一个恼人的小问题发生了,但我希望它会消失,这有时会发生,下降到一个低水平 见现场示例 左侧显示三个子项,每几秒钟pageload后,它将转到序列中的下一个子项(1->2,2->3,3->1)。最初显示项目#1,隐藏项目#2+#3,单击拇指#2-或-几秒钟后,项目#1将消失,项目#2将显示/slideIn/fadeIn/无论什么 在主项#1、#2和#3中有一个DIV1,文本内容显示该项的信息 样式设置为50透明度。由于透明度设置为低于100的值
在执行导航至导航幻灯片1/2/3()时工作NOK:单击DIV1将-不-显示DIV2 我想这与z索引有关,因为这个(或一些.parent)需要更改,因为幻灯片/淡入淡出效果 我尝试过调试,但找不到修复方法。请注意,警报=A=、=B=和=C=确实总是出现。。。即使是诺克案
z-index仅适用于定位元素(位置:绝对、位置:相对或位置:固定)。
将
position:relative
添加到使用z-index的div中。“保持简单愚蠢”在这里非常合适……找到使用css的解决方案(在stackoverflow上):
div.box_slide_over_text, div.box_slide_over_text:hover {
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out; }
div.box_slide_over_text { opacity:0.45; filter:alpha(opacity=45); }
div.box_slide_over_text:hover { opacity:0.80; filter:alpha(opacity=80); }
已完全删除带有相应z索引的DIV2。检查固定版本代码。我检查了您输入的代码。。。什么也没找到。具有z索引或z索引将被更改的元素有:#slide1、#slide2、#slide3#滑过,滑过,滑过,滑过;将_A_调整为,将_B_调整为,并将_C_调整为类“abs”为“位置:绝对”;类“rel”为“位置:相对;”。所以一切都很好,对吗?如果您确定position rel和abs是解决方案,请指定我需要更改的jquery/css/html。我刚开始操纵div,一般来说我更喜欢吃桌子(lol),所以可能我错过了一些东西。。。