html要素のスタイルを透明に設定できません

Question

私はCSSの設定で父のdivからbreadcrumbs要素の背景を継承しようとしていますが失敗します。 私はそのCSSを背景に設定しようとしていました：透明または継承しますが、失敗します。

ここに、この問題が発生するリンクがあります。ブレッドクラムは背景が灰色で、ページをリセットすると白くなります。 問題のあるページへのリンク：http://doitonlinediy.com/?s=page

なぜ私はそれを設定しないのですか？あなたのウェブサイトのサンプルに散歩しながら

Answer 1

体内のCSSに設定されて表示されている背景色が

#body { 
    background-color: #e1dedf; 
} 

それを削除するか、それを交換し、あなたのブレッドクラムのみ

Answer 2

に背景色を設定し、私はことが判明しましたブレッドクラムの背景色を親の背景のスタイルを継承するように設定すると、常にgreyの色が与えられます。これはあなたのbody CSSの背景のためです

body.custom-background { 
    background-color: #e1dedf; 
} 

バックグラウンドを変更してみるとよいです。

Answer 3

あなたの問題は、Uが、この.. H1と同様に、RGBAを用いて透明な何かを行うことができ

body.custom-background 

Answer 4

ある{色：RGBA（123、88、9、0.5）;} 値（123 、88,9）が色に使用され、値（0.5）が透明に使用されています。