我经常访问一个名为GOOD的网站，特别喜欢其中一种美学风格；导航栏如何将其颜色延伸到网站的背景上。如果您访问该网站，您就会明白我的意思。
在CSS中，我应该如何以最简单的方式复制它？我已经尝试了各种z-index/margins/float等方法，但仍无法实现。
在CSS中，我应该如何以最简单的方式复制它？我已经尝试了各种z-index/margins/float等方法，但仍无法实现。
CSS - GOOD风格的类似样式是什么？
3
- user2058002
2
3你为什么不从那个网站拿取HTML和CSS，然后剪掉所有无关的东西？这样剩下来的就是你需要的代码。 - Oliver Charlesworth
是的，或者使用像Chrome的DOM检查器、CSSEdit或类似工具来查找页面标记的相关部分。 - fluffy
2个回答
0
只需在后面放置一个带有菜单的 div（position'd absolute），并在其上放置另一个带有实际内容的 div。
小例子：
<html>
<body>
<div style="position: absolute; top:200px; left:0px; width:100%">The menu here, at A 100% width</div>
<div style="position: absolute; top:0px; left: 0px;">The content here.</div>
</body>
</html>
那应该可以工作！
希望这有所帮助。
- Erik Terwan
2
问题在于现在它不会再“落后”于其他所有内容，而且 z-index 对我也没有起作用。 - user2058002
但是只有在A div使用绝对、相对或固定定位时，Z-index才有效。根据上面的例子，它应该能够工作！ - Erik Terwan
0
这一切都与绝对定位有关。包含所有链接的导航容器被赋予了这个CSS属性，使其从页面的正常流程中移除。它具有top: 165px来设置其位置。每个链接都被赋予了display: block属性，这意味着它们将填充其父元素，而在这种情况下，父元素的宽度为100%。然后在100%宽度的链接内使用span标签来设置文本所在的位置。
- James Hay
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接