只輸入單詞「體」有背景混合模式工作的HTML

Question

我創建僅使用HTML和CSS網站一個怪異的行爲，我想在超大屏幕應用黑色半透明色調[我用自舉。

.jumbotron 
{  
    height: 40rem; 
    text-align: center; 
    z-index: 2; 
    background-size: cover; 
    background-attachment:fixed; 
    background-position: bottom; 
    background-image: url(/images/top-banner.jpg); 
    background-color: rgba(0,0,0,0.5); 
    background-blend-mode: multiply; 
} 

它沒有工作，所以我認爲這可能是一些錯誤。 但是，當我想以創建body標籤的選擇，色調當我鍵入的文本body但是當我真正形成了選擇括號{}，色調又消失了工作。

這裏有兩個屏幕截圖。一個字body頂部和右側沒有這個詞。色調是清晰可見[！[在這裏輸入的形象描述]

我想知道爲什麼會這樣，也可能修復 預先感謝

Answer 1

當你在jumbotron之前添加body，而不是bootstrap指定的元素，並且它按預期工作。這讓我認爲bootstrap正在壓倒你的課堂。爲了防止你應該在html中的bootstrap.css之後添加自定義樣式表。