Question

我试图将我的身体内容放在背景图像中，但所有内容似乎都出现在图像上方，我不确定为什么会这样或者我如何解决它。任何帮助都会很棒。

以下是目前显示方式的链接：http://oi59.tinypic.com/e5p4qh.jpg

HTML：

<!doctype html>
<html>
    <head>
        <title>Create a blog</title>
        <link rel="stylesheet" type="text/css" href="css/reset.css">
        <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
        <link rel="stylesheet" type="text/css" href="css/main.css">
        <link href='http://fonts.googleapis.com/css?family=Lato:100,300' rel='stylesheet' type='text/css'>
    </head>
    <body>
        <div class="container">
            <div class="row">
                <div class="col-md-offset-10 col-md-2">
                    <button type="button" class="btn btn-default btn-lg">Login</button>
                </div>
            </div>
            <div class="row text-center">
                <div class="col-md-12">
                    <button type="button" class="btn btn-default btn-lg">Sign up</button>
                </div>
            </div>
        </div>
    </body>
</html>

CSS：

html {
    height: 100%;
    background: url(../images/tent.jpeg) no-repeat center center;
    background-size: cover;
}
body {
    font-family: 'Lato', sans-serif;
}

由于

html：正文内容显示在html背景图片上方

0 个答案: