阅读:2129回复:3
关于background中的图片对齐在firefox中的反应
<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> |
|
1楼#
发布于:2008-11-28 09:21
帮你测试了一下,用 top right 相当正常
|
|
2楼#
发布于:2008-11-28 09:21
哦说错了,是right bottom 全跑到上边去了
|
|
3楼#
发布于:2008-11-28 09:21
楼主没有关系的,就这样写。
firefox是根据你的body中的内容来计算页面高度的。 也就是说,你的页面里没有内容才会这样,firefox就会把最顶端当作垂直的中央。当你的页面里有了足够的内容之后就能看到图像居中了。 你可以在网页里加上十几个回车,再预览一下。 |
|