Question

此代码在Internet Explorer中运行良好，但我在其他浏览器中遇到问题。基本上有一个水平滚动页面，左侧边栏固定。在IE中，您可以单击页面每个面板上的前进和后退按钮，但在Chrome等中，只有侧栏中的链接可以正常工作。我认为这是z-index或元素定位的问题，css有

#bg{
   display:inline;
   position:absolute;
   left:0px;
   top:-2px;
   z-index:1;
}

#sidestripe {
   display:inline;
   position:fixed;
   left:0px;
   top:-2px;
   width:100%;
   min-height: 100%;
   z-index:1000;
}

我尝试了很多z-index的组合，但是我似乎无法使一个元素无法点击而不会使另一个无法点击。

非常感谢任何帮助！

http://www.travelhome.com.au/index.htm是有问题的网站

Answer 1

将#sidestripe宽度更改为380px而不是100%：

#sidestripe {
display:inline;
position:fixed;
left:0px;
top:-2px;
width:380px;
min-height: 100%;
z-index:1000;
}

这样它就不会涵盖页面上的其他内容

Answer 2

我不知道究竟是什么问题，但我前段时间遇到了类似的问题。

为了解决这个问题，我浏览了谷歌浏览器的开发者工具，并且隐藏的类应用了预定义的Z索引，因此我被覆盖了。

尝试找到所有应用的类，可能会找到类似的东西。

使用API时通常会发生这种情况。

无法点击Chrome / Firefox / Safari中较低z-index元素中的链接

2 个答案: