Bootstrap将白色的身体放在背景图像的顶部

时间:2016-12-02 13:59:38

标签: image twitter-bootstrap background containers fullscreen

我使用css创建了一个全屏幕背景图片网站,但是当我尝试并链接bootstrap时,它会创建一个覆盖整个页面的白色全屏容器。当我进入bootstrap CSS并评论整个事情时,白色容器仍然存在。摆脱它的唯一方法是从我的head标签中删除bootstrap链接。下面是HTML然后是CSS。

<html lang="en">
<head>
    <link href="css/bootstrap.css" rel="stylesheet"/>
    <link href="local.css" rel="stylesheet"/>
</head>

html{
    background:url('img/50925.jpg') no-repeat center center;
    min-height:100%;
    background-size:cover;
}

body{
    min-height:100%;
}

有人有任何想法吗?

1 个答案:

答案 0 :(得分:1)

使用

将主体的背景设置为完全透明

background-color:rgba(0, 0, 0, 0.0);

jsfiddle:https://jsfiddle.net/o9mgygzu/