我有一个导航栏，我想在我的网站上保持在固定位置（顶部）。我还希望导航栏有一些透明度。我将透明度应用于导航栏，这也使得该 div 内的任何内容（子元素）也继承了透明度。因此，为了解决这个问题，我对导航栏内的内容应用了相对位置，但现在应该固定显示的内容（在导航栏内）随着页面内容的其余部分滚动。我怎样才能解决这个问题？
问问题
755 次
3 回答
2
在这种情况下不要使用不透明度，RGBa用于background导航栏background: rgba(0,0,0,.5);（以及filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0F000000, endColorstr=#0F000000);IE 8 和更早版本）。所有孩子都继承了该opacity值，您对此无能为力（除了将父母opacity重新设置为1，在这种情况下，您将不再对父母有半透明性）。
演示（改回原来的结构，导航容器内有导航内容和 RGBa）
Demo#2（使用当前结构和opacity，将导航内容的位置更改为fixed）
于 2012-07-22T16:47:04.827 回答
0
您可以使用 CSS 伪选择器:children并将不透明度设置为 1。这将使该元素的所有子元素不透明。
于 2012-07-22T17:07:50.803 回答
0
为什么不在导航栏内的元素的 CSS 中添加另一个透明度规则，以覆盖它们从导航栏继承的规则？不需要更改位置属性，我看不出这将如何影响透明度。
于 2012-07-22T16:46:49.257 回答