我正在建立一个网页顶部有横幅和搜索栏的网站。根据设计,横幅的底部应该位于搜索栏的后面。我通过使用z-indexes实现了这一点(横幅为0,搜索栏为1)。我还希望横幅广告可以作为网站上任何地方的主页链接。
我的问题是,由于z-indexing,横幅无法点击。当我在搜索栏前面放置横幅时,横幅可以点击并且很好;但当放在后面时,就好像标签“跟随”它并且现在无法使用。
有没有办法让我的横幅z-index为0,我的链接z-index为1,我的搜索栏z-index为2?我试图使用“style”参数将z-index分配给与图像分开的链接(),但它似乎不起作用。
答案 0 :(得分:0)
整个横幅是否需要点击,或者只是搜索栏后面的区域?如果不需要整个事情,你总是可以在横幅的那一部分添加一个透明层(虽然这不是我建议的东西,看起来像是黑客)。
根据我的理解,负z-index总是会导致无法点击的链接,但这似乎不是你的问题。您是否有可能发布一些源代码以便我们检查它?
答案 1 :(得分:0)
我明白了。使用z-index
参数的所有元素也必须与CSS中的position
参数一起定位。我的搜索栏不是position
。