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

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;
}

这样就不会覆盖页面的其他内容