0

我正在建立一个带有横幅和页面顶部搜索栏的网站。按照设计,横幅的底部应该位于搜索栏的后面。我通过使用 z-indexes 做到了这一点(横幅为 0,搜索栏为 1)。我还希望横幅作为从网站上任何位置到主页的链接。

我的问题是,由于 z 索引,横幅是不可点击的。当我将横幅放在搜索栏前面时,横幅可点击且很好;但是当放在后面时,就好像标签“跟随”它并且现在无法使用。

有没有办法让我的横幅 z-index 为 0,我的链接 z-index 为 1,我的搜索栏 z-index 为 2?我尝试使用“style”参数将 z-index 分配给与图像分开的链接( ),但它似乎不起作用。

4

2 回答 2

0

整个横幅是否需要可点击,或者只是搜索栏后面的区域?如果整个事情不需要,你总是可以在横幅的那部分添加一个透明层(尽管这不是我真正建议的东西,而且看起来像是一个黑客)。

据我了解,负 z-index 总是会导致无法点击的链接,但这似乎不是您的问题。您是否有机会发布一些源代码以便我们对其进行检查?

于 2012-04-17T01:06:58.670 回答
0

我想到了。所有使用该z-index参数的元素也必须使用positionCSS 中的参数定位。我的搜索栏没有position编辑。

来源:http ://www.w3schools.com/jsref/prop_style_zindex.asp

于 2012-04-19T14:39:01.053 回答