無法爲實際樣式表中的html設置樣式

我正嘗試利用新的CSS3功能爲我的頁面創建一個與瀏覽器窗口一起縮放的背景。無法爲實際樣式表中的html設置樣式

當我將它直接包含在我的html文檔中時，它的樣式工作正常，但這很醜並且使我的工作空間變得混亂，這是我不想做的事情。

我試圖將它包含在我的樣式表中，但它只是不出現。 CSS工作表的其他元素工作正常

任何人都可以告訴我，我可能會做錯什麼？

相關HTML

<!DOCTYPE html> 

<html lang="en-US" class="no-js" 
style="background: url(assets/placeholder_one.jpg) no-repeat center center fixed; 
-webkit-background-size: cover; 
-o-background-size: cover; 
background-size: cover;" 
> 
<head class> 
    <!-- To be changed ASAP --> 
    <title>####</title> 
    <link rel="icon" href="assets/logo_1.ico"> 

    <meta name="author" content="Noah Litov"> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <meta name="description" content="#####"> 

    <!-- My styles and bootstrap --> 
    <link href="styles/login.css" rel="stylesheet"> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> 
</head>

而且我的CSS文檔（login.css）

.no-js { 
    background: url(assets/placeholder_one.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
}

來源

2014-10-09 Noah Litov

您的代碼沒問題，我認爲問題在於您的路徑。 – 2014-10-09 05:19:12

「HTML」或「BODY」的風格？ – KunJ 2014-10-09 05:19:16

檢查資產/ placeholder_one.jpg可以在您指定的路徑中訪問。 login.css位於樣式目錄和資產中的圖像中。嘗試將路徑更改爲../assets/placeholder_one.jpg。

來源

2014-10-09 05:17:17

解決了它。它的有趣，我確信目錄會很好，因爲資產是一個子文件夾 – 2014-10-09 05:24:28

寫你的CSS像

.no-js { 
background: url(assets/placeholder_one.jpg) no-repeat center center fixed; 
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover; 
width: 100%; 
height: 100%; 
}

這將是更好，如果你寫你的CSS爲如下

body{ 
    background: url(assets/placeholder_one.jpg) no-repeat center center fixed; 
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover; 
width: 100%; 
height: 100%; 
}

來源

2014-10-09 05:14:53 Bir

仍然無法正常工作。它可能是Notepad ++嗎？ – 2014-10-09 05:20:08

無法爲實際樣式表中的html設置樣式

回答

相關問題