2017-05-12 18 views
-1

CSS有一個問題有一個div背景IMG

.content { 
    background-image: url("Pics/GameLogoBackground.jpg"); 
    width: 100%; 
    height: 600px; 
    position: absolute; 
    top: 0px; 
    left: 0px; 
} 

HTML

<div class="content" style="display:block;width:100%;height:600px"> 

我無法看到的div背景IMG,請幫忙!

我試圖解決這個問題,但沒有成功。

+2

這很可能是使用相對路徑的問題。當您打開開發人員工具的JavaScript控制檯或網絡選項卡時,它是否顯示該圖像的404錯誤? –

回答

0

要引用一個類,請使用'。'在CSS中的「content」之前添加前綴。 因此,這將成爲:

.content { 
    ... 
} 

編輯: ''

正如你現在說的錯誤地從你的CSS丟失,有些事情要嘗試:

  • 確保該文件存在於指定的位置。
  • 檢查div是否不落後。
+0

我沒有複製'。'因爲失誤 。我在我的代碼中仍然沒有工作 – Pixel

0
  1. 檢查文件是否存在。轉到您的索引頁並嘗試將圖像路徑放入網址。 JPG和JPEG不
  2. 不要使用而不是使用例如只是背景圖片,同樣的事情:如果你不是做一些CSS黑暗魔法https://www.w3schools.com/cssref/css3_pr_background.asp
  3. 也沒有理由把CSS的標籤和很有型。
  4. 我檢查了你的代碼,它應該工作。問題在於你的照片。嘗試傳遞更多的HTML代碼。有一個機會,其他一些DIV覆蓋它
+0

嘗試了任何你告訴我要做的事情,仍然有同樣的問題 – Pixel

+0

如果你想要,發送給我你的HTML文件在電子郵件我會試圖弄清楚。 [email protected] –

+0

我試過你的代碼。 Definetly你有訪問該圖像的問題。 –