HTMLフル背景画像は、ブートストラップ

現在のコードで動作していないことです。しかし、私はブートストラップCSSを追加しようとしました、背景イメージはなくなりました。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; } 

     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>

なぜ私はそれを修正できますか？

出典

2017-06-03 saturngod

を追加した後に働いていますか？ Btw、私は試してみましたが、Chromeで問題ありませんでした。 – LGSon

はい、ブートストラップを削除しました。 – saturngod

私にとってはブートストラップで動作します.... https://jsfiddle.net/tobLtrc5/ – LGSon

使用bodyないhtml 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; } 

     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>

出典

2017-06-03 09:08:47 GuiguiWeb

はい：https： //codepen.io/anon/pen/EXxvjo – GuiguiWeb

私はまだ、 'html'で既に動作しているので、' body'への変更によって何も解決しないことを見ました：https://jsfiddle.net/tobLtrc5/ – LGSon

ためのそれはあなたが `fixed`を削除した場合

body { 
background: none; 
}

出典

2017-06-03 14:12:44 saturngod

私のバイブルデモはそのまま動作するので、 'bootstrap.css'のあなたのローカルコピーに何かが存在しなければなりません。これはボディにバックグラウンドが設定されています。 – LGSon

HTMLフル背景画像は、ブートストラップ

答えて

関連する問題