bootstrap向我的背景添加了一個半透明圖層

-1

我使用bootstrap css在我的頁面上創建了一個窗體。我使用圖像作爲覆蓋整個背景的背景。 bootstrap似乎在我的頁面頂部添加了一個半透明的頁面，當滾動頁面時該頁面消失：http://www.landoflove.be/medewerkers.php我似乎無法找出爲什麼它會這樣做。它在主頁landoflove.be上做了同樣的事情。爲什麼會發生這種情況，我該如何禁用它？bootstrap向我的背景添加了一個半透明圖層

來源

2016-11-27 Frederik ' Cyrix' Desmet

什麼幫助你期待沒有代碼？在這裏添加代碼！在請求檢查之前https://stackoverflow.com/help/how-to-ask – Aravind

您的HTML代碼無效。沒有文檔類型，你在某個地方有未封閉的div。首先解決這個問題，然後補充：

html, body {padding:0; margin:0}

來源

2016-11-27 10:18:57 Vel

入住此CSS在landoflove.css文件

body, html { 
    height: 100%; 
    background: url(../img/bgoff-min.png) no-repeat center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
    font-family: baloo paaji, sans-serif; 
}

的問題是在這裏

background: url(../img/bgoff-min.png) no-repeat center fixed;

你的圖像是具有1227 X的大小1159像素。並且您已經添加不重複中央固定 如果刪除，你將有背景被拉長像這樣

此外，您還需要修改HTML

看來你是隻使用一個

<div class="row"></div>

和所有的表單元素都在裏面這是不是一個正確的approach.So建議你有一個形狀組一行

來源

2016-11-27 10:19:13 Aravind

標記對於某些標記確實無效，因爲這是一項正在進行的工作。我似乎已經發現我的特定問題是什麼： body，html { height：100％; background：url（../ img/bgoff-min.png）no-repeat center fixed; -webkit-background-size：cover; -moz-background-size：cover; -o-background-size：cover; background-size：cover; font-family：baloo paaji，sans-serif; } 高度：100％導致問題。現在透明層確實消失了，但我仍然不知道爲什麼它首先增加了這種透明度。

來源

2016-11-27 16:32:58

bootstrap向我的背景添加了一個半透明圖層

回答

相關問題