Z-Index现在允许链接

时间:2012-04-17 00:29:25

标签: html css

我正在建立一个网页顶部有横幅和搜索栏的网站。根据设计,横幅的底部应该位于搜索栏的后面。我通过使用z-indexes实现了这一点(横幅为0,搜索栏为1)。我还希望横幅广告可以作为网站上任何地方的主页链接。

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

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

2 个答案:

答案 0 :(得分:0)

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

根据我的理解,负z-index总是会导致无法点击的链接,但这似乎不是你的问题。您是否有可能发布一些源代码以便我们检查它?

答案 1 :(得分:0)

我明白了。使用z-index参数的所有元素也必须与CSS中的position参数一起定位。我的搜索栏不是position

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