sofine888
小狐狸
小狐狸
  • UID27221
  • 注册日期2008-11-28
  • 最后登录2008-11-28
  • 发帖数3
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
阅读:2129回复:3

关于background中的图片对齐在firefox中的反应

楼主#
更多 发布于:2008-11-28 09:21
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <style type="text/css">
  body
{
background:url('dog.jpg') no-repeat right center;
  }
  </style>
 </HEAD>

 <BODY>
 </BODY>
</HTML>



上面的这段代码在firefox里的反应是图片跑到上面而且露出半边
如果 是right bottom则全跑到上边去了,只露一点
如果是right top就跑到下边来了
在IE里就不会出现这种情况

如果在后面加上fixed就变正常了,,,,加scroll也不行
正常的代码如下:::

<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <style type="text/css">
  body
{
background:url('dog.jpg') no-repeat right center fixed;
  }
  </style>
 </HEAD>

 <BODY>
 </BODY>
</HTML>
meidog
火狐狸
火狐狸
  • UID26768
  • 注册日期2008-10-23
  • 最后登录2012-02-12
  • 发帖数126
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
1楼#
发布于:2008-11-28 09:21
帮你测试了一下,用 top right 相当正常
sofine888
小狐狸
小狐狸
  • UID27221
  • 注册日期2008-11-28
  • 最后登录2008-11-28
  • 发帖数3
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
2楼#
发布于:2008-11-28 09:21
哦说错了,是right bottom 全跑到上边去了
eilern
狐狸大王
狐狸大王
  • UID22371
  • 注册日期2007-12-20
  • 最后登录2017-10-13
  • 发帖数468
  • 经验10枚
  • 威望1点
  • 贡献值20点
  • 好评度13点
  • 社区居民
3楼#
发布于:2008-11-28 09:21
楼主没有关系的,就这样写。
firefox是根据你的body中的内容来计算页面高度的。

也就是说,你的页面里没有内容才会这样,firefox就会把最顶端当作垂直的中央。当你的页面里有了足够的内容之后就能看到图像居中了。

你可以在网页里加上十几个回车,再预览一下。
游客

返回顶部