私はon this test pageと働いています。divを透明にすることはできません
ページをスクロールします。ロゴは背景に固定されたままで、この部分には紫色のスクロールが描かれています。私は見ることができるように紫色にしました。
私はこの部分を紫色で部分的に透明に塗りつぶしています。そのため、紫色の領域が半透明のガラスのように、スクロールすると背景のロゴが見えます。色がある（255,0,255,0.6）と
私はどのようなbody.index #main {
padding-top: 5em;
background-color: rgba(255, 0, 255, 0.6);
}
としてsecundario.cssスタイルで定義され、私は、この紫色のエリア半透明をすることはできません。それは不透明のままです。
アイデア？前もって感謝します。
：
あなたはmainの兄弟（あるあなたbannerセクションの一部として背景画像を持っていますだから、たとえそれが似ていても、は重複しません。）。イメージを表示する場合は、下にあるコンテナの1つに、page-wrapperまたは直接bodyのいずれかに配置する必要があります。
私はあなたの答えを受け入れますが、私の作品は私の作品ですが、私はハックの一種です。ありがとう – SpaceDog
は透明性が働くこの
body.index #main {
opacity: 0.5;
padding-top: 5em;
background-color: rgba(255,0,255,0.6);
}
は全く変化しません。申し訳ありません – SpaceDog
を使用してみてください、あなただけの別の色の結果があなたのrgbaでターゲットの下に要素の色に依存し得ることができます。たとえばbackground-color: rgba(255,0,255,0.6);をbackground-color: rgba(255,0,255,0.1);に変更してみると、その違いがわかります。
あなたは自分の要素が透明になりたい場合は、それは本当に同じくらい簡単です：
background-color: transparent;
しかし、あなたは、それは色になりたい場合は、あなたが使用することができます。
background-color: rgba(255,0,255,0.6);
は依然として不透明で、変更はありません。 – SpaceDog
私はそれを行う方法を発見しました。私はそれを独立したidに割り当てる必要があります。通常のスタイルには割り当てません。
何かが現在の#main idに干渉している可能性があります。新しいものを作成すると、問題は解決されます。
ありがとうございました！
私はあなたが代わりを見つけましたが、あなたはまだ疑問に思っている場合には、私はあなたの問題を発見したことがわかり
リンクされたページでは、 'background-color'を2回宣言しています。最後は' transparent'を値として持ち、最初の部分を上書きします。 – LGSon