Twitter bootstrap HTML完整背景图像不适用于引导_Twitter Bootstrap_Css

Twitter bootstrap HTML完整背景图像不适用于引导

twitter-bootstrap css

Twitter bootstrap HTML完整背景图像不适用于引导,twitter-bootstrap,css,Twitter Bootstrap,Css,当前代码为 <html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Full Page Background Imag

当前代码为

<html><head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Full Page Background Image</title>

    <style>
        * { margin: 0; padding: 0; }

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


    </style>
</head>

<body>

</body>
</html>


整页背景图像
*{边距：0；填充：0；}
html{
背景：url（./images/bg.jpg）无重复中心已修复！重要；
-webkit背景尺寸：封面；
-moz背景尺寸：封面；
-o-背景尺寸：封面；
背景尺寸：封面；
}

它显示全屏背景图像。然而，我试图添加引导css，背景图像消失了

<html><head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Full Page Background Image</title>
    <link href="./bootstrap/css/bootstrap.css" rel="stylesheet">
    <script src="./js/jquery.min.js"></script>
    <script src="./bootstrap/js/bootstrap.min.js"></script>
    <style>
        * { margin: 0; padding: 0; }

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


    </style>
</head>

<body>

</body>
</html>


整页背景图像
*{边距：0；填充：0；}
html{
背景：url（./images/bg.jpg）无重复中心固定；
-webkit背景尺寸：封面；
-moz背景尺寸：封面；
-o-背景尺寸：封面；
背景尺寸：封面；
}

我想知道为什么以及如何解决这个问题？

对CSS使用

body

而不是

html

<html><head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Full Page Background Image</title>
    <link href="./bootstrap/css/bootstrap.css" rel="stylesheet">
    <script src="./js/jquery.min.js"></script>
    <script src="./bootstrap/js/bootstrap.min.js"></script>
    <style>
        * { margin: 0; padding: 0; }

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


    </style>
</head>

<body>

</body>
</html>


整页背景图像
*{边距：0；填充：0；}
正文{
背景：url（./images/bg.jpg）无重复中心固定；
-webkit背景尺寸：封面；
-moz背景尺寸：封面；
-o-背景尺寸：封面；
背景尺寸：封面；
}

对CSS使用

body

而不是

html

<html><head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Full Page Background Image</title>
    <link href="./bootstrap/css/bootstrap.css" rel="stylesheet">
    <script src="./js/jquery.min.js"></script>
    <script src="./bootstrap/js/bootstrap.min.js"></script>
    <style>
        * { margin: 0; padding: 0; }

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


    </style>
</head>

<body>

</body>
</html>


整页背景图像
*{边距：0；填充：0；}
正文{
背景：url（./images/bg.jpg）无重复中心固定；
-webkit背景尺寸：封面；
-moz背景尺寸：封面；
-o-背景尺寸：封面；
背景尺寸：封面；
}

添加后，它会工作

body {
 background: none;
}

它在添加后工作

body {
 background: none;
}

如果删除

已修复。。。。顺便说一句，我试过了，对我来说没有问题，在ChromeEyes中，移除引导，它对我有效，它与引导一起工作。。。。如果删除已修复。。。。顺便说一句，我试过了，对我来说没有问题，在ChromeEyes中，移除引导，它对我有效，它与引导一起工作。。。。我看到。。。不过，更改为body
并不能解决任何问题，因为它已经可以处理html
：我看到了。。。尽管如此，更改为body
并不能解决任何问题，因为它已经可以使用html
：由于我的小提琴演示工作正常，因此在你的bootstrap.css
本地副本中必须有一些内容在主体上设置了背景，其他任何内容都不会影响我的小提琴演示工作，在你的bootstrap.css
的本地副本中，肯定有什么东西在主体上设置了背景，其他任何东西都没有意义