我能';我似乎没有更新css的一部分。谁能告诉我我做错了什么?

我能';我似乎没有更新css的一部分。谁能告诉我我做错了什么?,css,Css,目前,我正在修改一个css文档,使网站与IE6兼容,并使用条件语句将其包括在内。一切都在慢慢地开始看起来像它应该的样子,除了……我似乎无法在下面的css中修改背景图像的高度。我可以通过增加高度使它变大,但是降低高度并不能使它变小。原始图像很薄,所以我不明白为什么这是一个问题 #title{ text-align:left; margin-left:170px; margin-top:0px; background-image:url(images/gradient.jpg); backgroun

目前,我正在修改一个css文档,使网站与IE6兼容,并使用条件语句将其包括在内。一切都在慢慢地开始看起来像它应该的样子,除了……我似乎无法在下面的css中修改背景图像的高度。我可以通过增加高度使它变大,但是降低高度并不能使它变小。原始图像很薄,所以我不明白为什么这是一个问题

#title{
text-align:left;
margin-left:170px;
margin-top:0px;
background-image:url(images/gradient.jpg);
background-repeat:repeat-y;
padding: 0px 0px 0px 0px;
width:680px;
height:42px;
color:white;
font-family:Helvetica, Georgia, "Times New Roman", Times, serif;
position:relative;
top:0px;
}
您可以在附加的图像中看到,软木标题图像下方的红色渐变背景图像太大,内部的文本也太大。然而,无论我在css中做了什么更改,它似乎都不会改变任何东西

div标签是:

<div id="title">
<h1>
    Historia    </h1>
 </div>

历史的

你有没有想过为什么我不能改变这一切

我会先尝试使用,这样至少你不会猜出哪里出了问题,你可以识别填充物/高度/等等

我的想法是,高度只是被
h1
元素拉伸(可能还有其他东西潜入),这是我最好的猜测,因为我没有IE6测试,但既然你的高度是为
#title
定义的,那么一定是它里面的东西在拉伸它。尝试设置
溢出:隐藏
查看
#标题
是否有用,或者至少显示您的
42px
高度

尝试firebuglite,并查看该元素,它将显示在IE中要删除的内容

编辑
要定义h1,只需执行以下操作:

#title{
   text-align:left;
   margin-left:170px;
   margin-top:0px;
   ...
}

#title h1 {
   height: 20px;
   margin: 0; // remove margin
   padding: 0; // remove padding to check if this is the issue
}

在你的IE6CSS表中。不要将背景图像设置到
h1
。上面的部分与您的
#title
css定义是分开的。

我会首先尝试使用,这样至少您不会猜出哪里出了问题,您可以识别填充/高度等

我的想法是,高度只是被
h1
元素拉伸(可能还有其他东西潜入),这是我最好的猜测,因为我没有IE6测试,但既然你的高度是为
#title
定义的,那么一定是它里面的东西在拉伸它。尝试设置
溢出:隐藏
查看
#标题
是否有用,或者至少显示您的
42px
高度

尝试firebuglite,并查看该元素,它将显示在IE中要删除的内容

编辑
要定义h1,只需执行以下操作:

#title{
   text-align:left;
   margin-left:170px;
   margin-top:0px;
   ...
}

#title h1 {
   height: 20px;
   margin: 0; // remove margin
   padding: 0; // remove padding to check if this is the issue
}

在你的IE6CSS表中。不要将背景图像设置到
h1
。上面的部分与您的
#title
css定义是分开的。

我认为您可能在高度方面有问题,因为子元素会产生溢出。尝试添加以下规则以防止父元素显示任何溢出:

#title {
   overflow: hidden;
}

我认为,由于子元素产生溢出,您可能会遇到有关高度的问题。尝试添加以下规则以防止父元素显示任何溢出:

#title {
   overflow: hidden;
}

吉姆,这似乎奏效了!虽然现在我似乎仍然不能改变“Historia”这个词的字体大小。这是因为标题html标记吗?你知道是否有一个解决方法,这样我就不必删除我网页中的html标记了吗?@user1187043,你必须为IE6定义你的
h1
标记,这就是Jim&我发现的问题。所以在你的IE6 css文件中定义高度等等。我试着在css中添加“字体大小:12px;”,但它似乎没有改变任何东西。啊……我误解了。我不确定我是否知道如何用css定义h1标记。我为我的愚蠢感到抱歉。我终于为它的工作感到高兴了!非常感谢您的帮助。:)吉姆,这似乎奏效了!虽然现在我似乎仍然不能改变“Historia”这个词的字体大小。这是因为标题html标记吗?你知道是否有一个解决方法,这样我就不必删除我网页中的html标记了吗?@user1187043,你必须为IE6定义你的
h1
标记,这就是Jim&我发现的问题。所以在你的IE6 css文件中定义高度等等。我试着在css中添加“字体大小:12px;”,但它似乎没有改变任何东西。啊……我误解了。我不确定我是否知道如何用css定义h1标记。我为我的愚蠢感到抱歉。我终于为它的工作感到高兴了!非常感谢您的帮助。:)这听起来是一个很棒的资源。我一定会试试的。谢谢我用的是macbook pro,但我正在一台旧电脑上测试。我可以在mac上下载它来测试IE吗?还是需要放到电脑上?@user1187043,你不需要下载,你可以在你的页面中包含JS(就像你在jQuery中一样),只需阅读一下即可。我发现它是一个很好的工具,用于愚蠢的IE6溢出:隐藏;这个技巧对渐变图像有效,但我似乎仍然无法更改h1元素中字体的大小。是否有一个css解决方案,这样我就不必更改每个网页上的h1元素?嗯,它确实修复了字体大小,尽管它似乎破坏了css中的其他内容。再次更新答案…;)我猜你刚刚将
h1
添加到你的
#title
css定义中,让它成为自己的。这听起来像是一个很棒的资源。我一定会试试的。谢谢我用的是macbook pro,但我正在一台旧电脑上测试。我可以在mac上下载它来测试IE吗?还是需要放到电脑上?@user1187043,你不需要下载,你可以在你的页面中包含JS(就像你在jQuery中一样),只需阅读一下即可。我发现它是一个很好的工具,用于愚蠢的IE6溢出:隐藏;这个技巧对渐变图像有效,但我似乎仍然无法更改h1元素中字体的大小。是否有一个css解决方案,这样我就不必更改每个网页上的h1元素?嗯,它确实修复了字体大小,尽管它似乎破坏了css中的其他内容。再次更新答案…;)我猜