我如何将这个元素带到前面？ （不是z-index）

Question

网站上的徽标元素：

puerteaspecialists.co.uk

最初是在前线。我甚至没有更新任何东西，有一天我检查了网站，现在排名第3的东西隐藏在导航栏后面。

我已经尝试了z - index并且有点解决了为什么这不起作用，但也确实找到了解决方案。

有没有办法将它带到前面或者无论如何通过css显示完整的图像？

谢谢！

Answer 1

一个简单的解决方案是删除最上面的导航栏的纯色背景......

var li = $$('.list')[0].clone(true, true);

var NewContainer = li.getElement('div.tile');

NewContainer.removeProperty('style');

NewContainer.set('id', 'container_'+catId);

NewContainer.closest('li').set('id', 'list_'+countID);

Answer 2

问题是顶部导航块中的类名 .top_nav_out 应用了高z-index，导致最顶层的导航块与下导航块重叠（ .top_nav < / em>）部分隐藏了您的徽标。

删除属性：

z-index 

来自班级：

.top_nav_out 

，您的徽标将全部显示。

从我所看到的， z-index 属性在该类中无论如何都是多余的（删除后布局保持良好状态）

希望它有所帮助！