Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 更改z索引后未显示DIV_Jquery_Html_Z Index_Show_Fadein - Fatal编程技术网

Jquery 更改z索引后未显示DIV

Jquery 更改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的值

我正忙着在某个主页上显示一个“本周最热门”框。不久前,一个恼人的小问题发生了,但我希望它会消失,这有时会发生,下降到一个低水平

见现场示例

左侧显示三个子项,每几秒钟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将显示DIV2
在执行导航至导航幻灯片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),所以可能我错过了一些东西。。。