z-index不能将元素放置在固定定位元素的顶部

我正在创建一个网站，在静态定位的页面上有一个标志。不过，我有一个jQuery插件，可以将它转换为固定的定位元素，因为它在滚动时碰到屏幕的顶部，以便它固定在固定位置导航栏的顶部。我遇到的问题是，尽管徽标仍然是静态的，因为它尚未触及顶部，但与导航栏重叠，它显示在导航栏下方。我已使用徽标上的z-index来尝试放置它在上面，但我发现这在跨静态和固定位置的元素同时使用时没有什么不同。z-index不能将元素放置在固定定位元素的顶部

有没有人有解决方案？

编辑：我想我应该提到，我想到了一个解决方案我自己，有标志始终是固定的定位和JavaScript来调整它的位置，但我想如果可能的话，以解决这个问题的CSS。

来源

2013-05-13 cainy393

你可以制作一个[jsfiddle]（http://jsfiddle.net）来展示你的问题吗？ – 2013-05-13 21:55:44

[示例]（http://jsfiddle.net/）？ – JAM 2013-05-13 21:55:47

给我一分钟，我想 – cainy393 2013-05-13 21:58:57

只需将position: relative;添加到样式#logo。 z-index仅适用于定位元素。测试它在jsFiddle中，它似乎工作。

快乐编码！

来源

2013-05-13 23:41:34 kevincoleman

z-index不能将元素放置在固定定位元素的顶部

回答

相关问题