Bootstrap背景圖片3

我有一個問題，它驅使我堅果。我開始學習RoR，我不知道爲什麼我無法在Bootstrap 3應用程序上設置背景圖像。我嘗試了一切，但圖像不「加載」。Bootstrap背景圖片3

我用這個網站做的：http://css-tricks.com/perfect-full-page-background-image/

可能是什麼做錯了什麼？

**如果我將html更改爲body，則沒有任何反應。同樣的事情，如果我刪除引號或不。

在此先感謝！

更新：**對不起。 Newb錯誤。圖像已損壞。有問題。感謝所有幫助。

<!DOCTYPE html> 
    <html> 
     <head> 

    <title>Bootstrap 101 Template</title> 
     <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
     <!-- Bootstrap --> 
     <link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> 

<style> 

html { 
     background: url('images/fondo.jpg') no-repeat center center fixed; 
     -webkit-background-size: cover; 
     -moz-background-size: cover; 
     -o-background-size: cover; 
     background-size: cover; 
    } 
    </style> 


</head> 
     <body> 



     <h1>Hello, world!</h1> 

     <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> 
     <script src="https://code.jquery.com/jquery.js"></script> 
     <!-- Include all compiled plugins (below), or include individual files as needed --> 
     <script src="js/bootstrap.min.js"></script> 
     </body> 
    </html>

有趣的是，如果我使用任何URL圖像像voices.suntimes.com/wp-content/uploads/2013/08/...，一切工作正常。問題是與那些在我的電腦圖像

來源

2013-10-31 Erik Fromm

您是否在使用導軌？ – Philip7899

是@ philip7899，鐵軌！ –

和我所有的圖片都在app/assets/images目錄中。 @ Philip7899 –

嘗試

background: url('images/fondo.jpg') no-repeat center center fixed;

我認爲行情會有所作爲。

此外，您的第二個樣式標記缺少結束斜線。它應該是：

</style>

如果這些不工作，也儘量用

body {

來源

2013-10-31 20:35:08 Philip7899

而且更換

html {

，如果您使用的軌道，你要設置你的應用程序不正確。

在apps/assets/stylesheets目錄中，應該放置樣式表。您的圖片應位於assets目錄中的images文件夾中。然後您應該參考所有圖像，如

background: url('/assets/fondo.jpg') no-repeat center center fixed;

首先要弄好導軌可能會非常棘手。

來源

2013-10-31 20:46:23 Philip7899

Bootstrap背景圖片3

回答

相關問題