背景图像不会在div中显示的可能原因是什么?

时间:2015-01-07 22:41:10

标签: css

我知道这个问题已被问过几次,但我无法找到解决问题的方法。我一直在搞乱代码,甚至进入JQuery来改变这个div的背景,但它不会起作用。我有一个名为" lineuphead"以及.css

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

}

我没有Jquery或JS编辑该类。 .lineuphead中的文本显示正常,没有任何问题。更改div的位置,显示,z-index等不能解决问题。更改背景图像或颜色不能解决问题。您可以在www.progressfestival.com找到以下代码,以及乐队阵容正上方的阵容代码。我无法弄清楚还有什么可能对此负责.css"故障"。

5 个答案:

答案 0 :(得分: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
*/

看看是否能解决您的问题。

答案 1 :(得分:0)

元素是空的吗?它有textNode吗? height单独默认不会使元素可见,最少添加文本字符(如空格)或确保元素具有包含内容的子元素。

此外,框架非常适合让事情更快地完成,但会导致开发技能不太好,学习如何编写真正的代码将迫使您成为更好的开发人员,如果使用得当,这将增加对您技能的需求。

答案 2 :(得分:0)

您的班级.lineuphead{}包含背景色。 你可以这样做。

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

请注意,如果您的'div'为空,则应添加一些元素或文字,使其可见。

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

答案 3 :(得分:0)

使用&#39; background-image&#39;财产也是一个不错的选择。请查看以下链接以供参考: http://www.w3schools.com/cssref/pr_background-image.asp

答案 4 :(得分:0)

最初,我认为这是.CSS的一个问题。我确实改变了一个公开评论,这个评论似乎没有附加到.CSS。我将.CSS移动到文档顶部,没有更改任何内容,并且显示正确。然后我添加了#34; no-repeat;&#34;它根本没有显示出来。我相信,这对我在示例中开始使用的纯色背景颜色完全没有影响。

老实说,我不知道为什么它开始工作,但我向你们保证,我完全没有改变div的宽度,大小,JQuery / JS或.CSS。它实际上只是神奇地开始工作。我决定抛弃不重复,只是改变div元素的宽度/高度以适应它。这似乎没有任何理由。