我有一个导航栏，我想在我的网站上将其保留在固定位置(顶部)。我还希望导航栏具有一定的透明度。我将透明度应用于导航栏，这也使得该 div 内的任何内容(子元素)也继承了透明度。因此，为了解决这个问题，我对导航栏内的内容应用了相对位置，但现在应该固定显示的内容(在导航栏内)随页面内容的其余部分一起滚动。我该如何解决这个问题？
最佳答案
在这种情况下不要使用不透明度，使用 RGBa 作为导航栏的 background background: rgba(0,0,0,.5 );(和 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0F000000, endColorstr=#0F000000); 适用于 IE 8 及更早版本)。所有子项都继承了 opacity 值，您对此无能为力(除了再次将父项的 opacity 设置回 1，其中情况下你将不再对 parent 有半透明)。
Demo (改回原始结构，导航内容在导航容器和 RGBa 中)
Demo#2 (使用当前结构和不透明度，将导航内容的位置更改为固定)
关于html - 固定位置导航栏，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11602086/