2015-01-07 84 views
-1

我知道這個問題已被問了好幾次,但我無法找到解決我的問題。我一直在搞亂代碼,甚至輸入JQuery來改變這個div的背景,但它不會工作。我有一個叫做「lineuphead」的類,下面是.css什麼是可能的原因背景圖片不會顯示在一個div

.lineuphead{    
    background:#36C; 
    width: 600px; 
    height: 100px; 

} 

我沒有Jquery或JS編輯類。 .lineuphead中的文本顯示正常,沒有任何問題。改變div的位置,顯示,z-index等並不能解決問題。更改背景圖像或顏色不能解決問題。您可以在www.progressfestival.com上找到以下代碼,並且可以在樂隊陣容上方看到線陣頭代碼。我找不出還有什麼可能導致這個.css「故障」。

+3

請在這裏發佈您的代碼。 – Robbert

+0







這是代碼的唯一其他部分 – user2954658

+0

對不起,您沒有包含任何顯示背景圖像,沒有CSS,沒有JavaScript,沒有任何代碼。如果您需要我們的幫助,您需要包含代碼的相關部分。不要鏈接到一個網站,讓我們尋找這個問題。 – Robbert

回答

0

元素是否爲空?它有一個textNode?單獨使用height默認情況下不會使元素可見,只需添加文本字符(如空格)或確保元素具有包含內容的子元素。

而且框架是非常適合做事情更快,但導致能力不足的開發技能,學習如何編寫實際的代碼將迫使你成爲一個更好的開發,如果使用得當,這將增加需求的技能。

+0

我也是這樣做的,我加了一大堆
可以肯定 – user2954658

0

你的課.lineuphead{}包含背景顏色。 你可以這樣做。

.lineuphead{ 
background:url("") #36C; 
width:"600px"; 
height:"100px"; 
} 

注意,如果您'div'是空的,那麼你應該添加一些元素或者文本使其可見。

<div class="lineuphead"> some content here </div> 
0

使用'background-image'屬性也是一個不錯的選擇。查看以下鏈接以供參考: http://www.w3schools.com/cssref/pr_background-image.asp

+0

試過了,沒有幫我 – user2954658

+0

我最終使用了background-image,但是第一次5-10次我重新加載了緩存,它沒有改變任何東西。老實說,我不知道爲什麼它不工作,但它現在... – user2954658

1

您對layout.css文件有解析問題。

在你有一個錯誤的註釋塊CSS文件的頂部:

* Skeleton V1.2 
    * Copyright 2011, Dave Gamache 
    * www.getskeleton.com 
    * Free to use under the MIT license. 
    * http://www.opensource.org/licenses/mit-license.php 
    * 6/20/2012 
*/ 

你從註釋塊的開始丟失了的/*所以它應該閱讀:

/* 
    * Skeleton V1.2 
    * Copyright 2011, Dave Gamache 
    * www.getskeleton.com 
    * Free to use under the MIT license. 
    * http://www.opensource.org/licenses/mit-license.php 
    * 6/20/2012 
*/ 

看看是否可以解決您的問題。

+0

沒有解決問題,但是謝謝 – user2954658

+0

事實上,有太多的解析錯誤,其中註釋塊沒有正確打開/關閉。類規則'.lineuphead'沒有出現在樣式檢查器中意味着這個規則是完全多餘的。我建議你備份你的CSS文件,重複並刪除所有評論塊。 – Cue

+0

你說得對。我的.CSS有問題。我將它移動到文檔的頂部,它可以工作。謝謝你,先生!!! – user2954658

0

最初,我認爲這是一個與.CSS問題。我確實改變了一個開放的評論,這似乎並沒有附加到相關的.CSS。我將.CSS移到了文檔的頂部,而不更改任何內容,並且顯示正確。然後我添加了「不重複」;它根本沒有顯示。我相信,這對我在例子中開始的純色背景顏色完全沒有影響。

老實說,我不知道爲什麼它開始工作,但我向你們保證,我改變絕對一無所知寬度,DIV,JQuery的/ JS,或.CSS的大小。它從字面上就是神奇地開始工作。我決定放棄不重複,只是改變div元素的寬度/高度以適應它。這似乎毫無理由地工作。