透明な背景色が動作しない

Question

私はこの問題をブートストラップ4で持っています：私はWebページで作業しています。私は複数の<div>を別のものの下に置いて、その間にある透明なスペースを入れて、これらの透明なスペースの背景イメージを見たいと思っています。問題は、ブートストラップ（私が推測する）はあらゆる種類の背景テキストを白色にして透明なものが動作しないことです。私はcssで "spazioVuoto"クラスを作成しました。これはバックグラウンドを透明にする必要がありますが、そうではありません。誰でも助けてくれますか？

PS。あなたは私が話しているかの例を見たい場合は、ここでhttp://it.diesel.com/it/

見codepen例ですhttps://codepen.io/anon/pen/ooJqVK

これは私のコード

html { 
    background: url(img/background.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 

.spazioVuoto { 
    background-color: transparent; 
    padding: 5em; 
} 

Answer 1

ある問題ここにあなたの体ということがありますbackgournd-color：#fffを持っているので、spazioVuotoが背景を透明にしていても、そのために色はまだ白です。それを（spazioVuotoの背景色）を赤色に変えてみると、それが動作することがわかります。したがって、ボディの背景を透明にしてから、他のコンテナで背景色を設定する必要があります。

html { 
    background: url("w3schools.com/w3css/img_fjords.jpg") 
    no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 
body { 
    background-color:transparent !important; 
} 
.spazioVuoto { 
    background-color: transparent; 
    padding: 5em; 
} 
.container { 
    max-width: 100% !important; 
    background-color: #fff; 
    width: 100% !important; 
    padding: 1% 20% !important; 
}