2015-01-07 40 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元素的宽度/高度以适应它。这似乎毫无理由地工作。