0

我正忙于某个主页上显示的“本周最佳”框。前段时间发生了一个烦人的小问题，但我希望它会消失，有时会发生，下降到一个低水平。

在此处查看实时示例。

左侧显示三个子项，在页面加载后每隔几秒它会按顺序（1->2、2->3、3->1）转到下一个子项。最初项目#1 被显示并且项目#2 + #3 被隐藏并且在点击拇指#2 之后-或- 自动几秒钟后，项目#1 将消失并且项目#2 将出现/slideIn/fadeIn/whatever.. .

在主要项目#1、#2 和#3 中有一个DIV1，其文本内容显示有关该项目的信息。

样式设置为 50 透明度。由于透明度设置为低于 100 的值，因此文本有时难以阅读。为了解决这个问题......当用户点击DIV1时，另一个DIV2具有白色背景，显示在 -behind- DIV1！

现在文本将更易于阅读，因为（组合）背景透明度较低。

页面加载后直接工作正常（nav_to_slide2/3() 未执行）：单击DIV1将显示DIV2。
执行nav_to_slide1 /2/3() 时运行正常：单击DIV1将 - 不显示DIV2。

我想这与 z-index 的东西有关，因为这个（或some.parent）需要改变，因为滑动/淡入淡出效果？

我尝试调试，但找不到修复程序。请注意，警报 =A=、=B= 和 =C= 总是会发生……即使是 NOK 情况。

源 JQUERY 代码

4

2 回答 2

1

z-index 仅适用于定位元素（位置：绝对、位置：相对或位置：固定）。
添加position:relative到使用 z-index 的 div。

于 2013-01-10T06:51:27.680 回答
0

“保持简单愚蠢”在这里非常到位......
使用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-index 的DIV2 。
检查实时版本以获取固定版本代码。

于 2013-01-11T09:16:20.157 回答