0

此代码在 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是有问题的网站

4

2 回答 2

0

改变你的#sidestripe宽度，380px而不是100%：

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

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

于 2012-07-16T07:04:17.350 回答
0

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

为了解决这个问题，我浏览了谷歌浏览器的开发者工具，隐藏类应用了预定义的 Z-index，所以我的被覆盖了。

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

这通常在使用 API 时发生。

于 2012-07-16T07:05:01.690 回答