我知道这个问题已被问过几次,但我无法找到解决问题的方法。我一直在搞乱代码,甚至进入JQuery来改变这个div的背景,但它不会起作用。我有一个名为" lineuphead"以及.css
.lineuphead{
background:#36C;
width: 600px;
height: 100px;
}
我没有Jquery或JS编辑该类。 .lineuphead中的文本显示正常,没有任何问题。更改div的位置,显示,z-index等不能解决问题。更改背景图像或颜色不能解决问题。您可以在www.progressfestival.com找到以下代码,以及乐队阵容正上方的阵容代码。我无法弄清楚还有什么可能对此负责.css"故障"。
答案 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元素的宽度/高度以适应它。这似乎没有任何理由。