<link rel=“stylesheet” href=“css/contact.css”>不工作

Question

我正在通過將CSS，圖像等放入相應的文件夾中來清理我的Web文件夾目錄。

<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/contact.css">

但是，如果它位於目錄中，則似乎無法從CSS文件中加載某些DIV元素。

DIV如下：

#contact-form-wrap {
    width: 1024px;
    margin: 0 auto;
    background: url('img/form-bg.png')  no-repeat;
    min-height: 768px;
}

有辦法解決嗎？ 除了上面的div，其他所有內容似乎都已加載。

Answer 1

嘗試這個...

#contact-form-wrap {
  width: 1024px;
  margin: 0 auto;
  background: url(../img/form-bg.png)  no-repeat;
  min-height: 768px;
}

Answer 2

使用＃contact-form-wrap時，請確保使用的是ID，而不是類。 這是我唯一能想到的。

例：

不正確：

<div class="contact-form-wrap"></div>

正確：

<div id="contact-form-wrap"></div>

Answer 3

不要忘記像這樣在您的css聲明中添加type="text/css" ：

<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/contact.css">