Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/elixir/2.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
Javascript 横幅图像重定向到href中定义以外的页面_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 横幅图像重定向到href中定义以外的页面

Javascript 横幅图像重定向到href中定义以外的页面,javascript,jquery,html,css,Javascript,Jquery,Html,Css,这是我的页面:我使用的滑块是滑动滑块。如果我点击横幅图片,它将加载关于我们的页面。而HREF=中为每张幻灯片定义了单独的页面 您遇到的问题与这样一个事实有关:虽然每个图像上的不透明度都在更改,但css显示属性没有更改为无。其中一张幻灯片包含指向“关于我们”页面的链接,其z索引高于所有其他幻灯片,因此即使不透明度为0,它也会被单击。这是因为您的所有li都是绝对的,并且都有一个z索引:2;。由于您的最后一张幻灯片是指向“关于”页面的链接,因此它始终位于顶部,您单击的就是该页面 您没有注意到这一点,因

这是我的页面:我使用的滑块是滑动滑块。如果我点击横幅图片,它将加载关于我们的页面。而HREF=中为每张幻灯片定义了单独的页面

您遇到的问题与这样一个事实有关:虽然每个图像上的不透明度都在更改,但css显示属性没有更改为无。其中一张幻灯片包含指向“关于我们”页面的链接,其z索引高于所有其他幻灯片,因此即使不透明度为0,它也会被单击。

这是因为您的所有li都是绝对的,并且都有一个z索引:2;。由于您的最后一张幻灯片是指向“关于”页面的链接,因此它始终位于顶部,您单击的就是该页面

您没有注意到这一点,因为只有类sy处于活动状态的li具有不透明度:1;,所有其他li都具有不透明度:0

为sy active创建一个样式,并为其指定高于2的z索引。可能是这样的:.sy活动{z-index:9!重要;}。这个重要信息可能不需要。