2

我刚刚测试了我在 Internet Explorer 中设置的网站。当然在 Firefox 中运行良好。我有一组样式表,其中大部分都有背景图片,用户可以随意选择不同的样式表。除了颜色和背景之外,样式表的呈现完全相同,当然基于文本的版本呈现不同。无论如何,我还有一个字体大小更改器,因此用户可以选择最适合他们的字体大小。当我加载大字体时,我有 4 种设置,从小、标准、大和 Xlarge 和 xlarge 字体大小 bg 图片到达我的 div 的末尾,这很好。然而,当我使用小字体和标准字体大小时,bg 图片仅占应有大小的 5%。也许下面的图片可以帮助您理解我的问题。

干杯 CHL

Ps fontsize css 仅包含类和 id 的字体大小而不是背景样式。

问题: http ://www.webquark.co.uk/project/problem.bmp

处理更大的字体大小: http ://www.webquark.co.uk/project/working.bmp

Firefox 工作时的样子: http ://www.webquark.co.uk/project/firefox.bmp

这是我设置bg的css:

.content{
background-image: url(springBG.jpg);/**Change for season**/
background-attachment:fixed;
background-position:top center;
background-repeat:no-repeat; 
font-family: Calibri, Ariel, sans-serif;
}
4

8 回答 8

3

在您的 CSS 声明中,您使用“Ariel”字体名称。这个应该是不存在的。宋体,就是这样。爱丽儿是某种清洁剂。

实际上,正确的非衬线序列声明应该是:

font-family: Calibri, Tahoma, Arial, Helvetica, Sans-Serif;
于 2009-02-14T14:49:18.373 回答
1

“Internet Explorer 上的 CSS 问题。我不知道出了什么问题!”

在我的办公室几乎每天都能听到这种声音。

我唯一的建议是尝试设置背景元素的高度。

于 2009-02-14T14:34:27.923 回答
1

说到 CSS 问题,您帖子中的标签框下的内容会溢出。

于 2009-02-14T14:38:47.320 回答
1

尝试在白色 div 与背景重叠后清除浮动(其中包含所有单词)。最简单的方法是添加:

<div class="spacer"></div>

在白色 div 的结束标记之后。如果这不起作用,请尝试将其添加到白色 div 的结束标记之前的行。间隔的 CSS:

.spacer
{
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 0;
}
于 2009-02-14T14:41:49.293 回答
1

您可以发布生成的 HTML 吗?

我猜 IE 在您的容器中看不到任何具有“内容”类的内容。这可能是因为内部内容没有“hasLayout”(一个神奇的IE东西)

正如 TM 建议的那样,尝试将高度设置为“1%”,这应该触发 hasLayout,或者设置“缩放:1;” 这也可以解决问题。

于 2009-02-14T14:42:13.770 回答
1

您可以继续使用速记 css 作为背景,如下所示:

background: url(yourimage.jpg) no-repeat top center;

此外,ie6 不支持 background-attachment:fixed 以外的 body。

于 2009-02-14T18:19:26.527 回答
1

如果不查看其余代码或实时站点,很难确定,但这看起来像是一个经典的包含浮动问题。处理这个问题的最简单方法是添加overflow: auto到包含你的浮点数的框中(我猜这是.content,这里)。这应该将壁纸拉伸到适当的高度。

如果做不到这一点,请尝试将Logan 建议.content的“clearfix”间隔添加到div的末尾。

于 2009-02-14T18:55:18.560 回答
1

嗨,我发现了设置 div 高度所需的问题。对于那些提到这一点的人,我已经向您的代表添加了一点,并感谢您的建议:D

CHL

CSS:

  height:100%;
于 2009-02-14T19:03:19.900 回答