Question

我有div采取css类

.headbg01
{
 background-image: url(../images/header_background01.jpg);
 border-left: #cccccc 1px solid;
 background-color: #ffffff;
 width: 920px;
 background-repeat: no-repeat;
 height: 160px;
 border-right: #cccccc 1px solid;
}

在

中工作得很好

问题是bg图像在firefox中没有正确显示

这里是ie div视图 alt text http://img341.imageshack.us/img341/3595/35520026.jpg 这是firefox div视图 alt text http://img641.imageshack.us/img641/950/31289427.jpg

我不知道它的高度或高度是什么？我需要一些帮助

Answer 1

尝试删除应该完成工作的严格文档类型

Answer 2

你可能需要提供背景位置，试试这个：

.headbg01
{
  background: #fff url(../images/header_background01.jpg) no-repeat top left;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  width: 920px;
  height: 160px;
}

Answer 3

似乎有一个浏览器在不保持图像高度/宽度比的情况下拉伸高度/宽度来填充div，而另一个浏览器正在使用图像的尺寸来正确缩放它。

确保您的图片和div具有相同的尺寸，减去左右边框的2个额外像素。

编辑：

仔细检查后，似乎第二张图像的顶部被切断。尝试指定background-position: top left;。

css问题中的问题

3 个答案: