Webサイトの固定位置（上）に保持したいナビゲーションバーがあります。また、ナビゲーションバーにある程度の透明性を持たせたいと思います。ナビゲーションバーに透明度を適用しました。これにより、そのdiv内のコンテンツ（子要素）も透明度を継承します。そこで、これを解決するために、ナビゲーションバー内のコンテンツに相対位置を適用しましたが、固定されて表示されるはずのコンテンツ（ナビゲーションバー内）は、ページコンテンツの残りの部分と一緒にスクロールします。どうすればこれを修正できますか？
質問する
755 次
3 に答える
2
この場合、不透明度を使用しないでください。ナビゲーションバーのに使用RGBaしてください（IE 8以前の場合）。すべての子は値を継承し、それについてあなたができることは何もありません（親を再びに戻すことを除いて、その場合、あなたはもう親に半透明性を持たなくなります）。backgroundbackground: rgba(0,0,0,.5);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0F000000, endColorstr=#0F000000);opacityopacity1
デモ（ナビゲーションコンテナとRGBa内のナビゲーションコンテンツを含む元の構造に戻されました）
デモ＃2（現在の構造を使用しopacity、ナビゲーションコンテンツの位置をに変更fixed）
于 2012-07-22T16:47:04.827 に答える
0
ナビゲーションバー内の要素のCSSに別の透明度ルールを追加して、バーから継承する要素をオーバーライドしてみませんか？位置属性を変更する必要はありません。これが透明度にどのように影響するかわかりません。
于 2012-07-22T16:46:49.257 に答える
0
CSS疑似セレクター:childrenを使用して、不透明度を1に設定できます。これにより、その要素のすべての子が不透明になります。
于 2012-07-22T17:07:50.803 に答える