这是我的页面:http://www.candoor.ca/index-1.html我使用的滑块是滑动滑块。如果我点击横幅图片,它将加载我们的页面。虽然在HREF中定义了单独的页面=""每张幻灯片。
答案 0 :(得分:0)
您遇到的问题与以下事实有关:虽然不透明度在每张图片上都有变化,但css显示属性不会更改为none
。其中一张幻灯片包含指向about us页面的链接,其z-index位于所有其他幻灯片之上,因此即使opacity
为0,它也会被点击。
答案 1 :(得分:0)
这是因为li
的{{1}}个<ul id="slippry-demo" />
位于absolute
,且所有z-index:2;
都有li
。由于您的上一张幻灯片是指向about页面的链接,因此它始终位于顶部,并且是您单击的链接。
您没有注意到这一点,因为只有sy-active
类opacity:1;
的{{1}}有li
,所有其他opacity:0;
都有{{} 1}}。