背景图像技术

时间:2010-08-01 18:25:40

标签: css image background

全图像居中技术是否有任何技术术语?
示例:topgear.com,http://safe.tumblr.com/theme/preview/979以及其他许多我不记得的内容。

4 个答案:

答案 0 :(得分:2)

您可以创建大尺寸图片(例如2000px宽度/高度)并将其设置为background-position: 50% 50%的背景。或者,您可以在<img src="background.jpg" width="100%" height="100%" />标记处添加body,并确定它将根据页面大小进行拉伸。

答案 1 :(得分:0)

我认为它没有特定的名称。这是一篇包含一些最先进技巧的文章:

http://www.alistapart.com/articles/supersize-that-background-please/

答案 2 :(得分:0)

我不这么认为,不。图像只放在主div中(在本例中为#wrap)。它有一些左右填充,所以它将设置在正中间。但是,您可以使用与主div相同大小的图像。

以下是网站使用的代码:

#wrap {

background: url("http://static.tumblr.com/xsp9wak/xAOkloi15/background-top.jpg") no-repeat scroll center top transparent;
margin: 0 auto;
overflow: hidden;
padding-left: 28px;
padding-right: 28px;
position: relative;
width: 905px;

PS:有很多方法可以实现这一目标。

答案 3 :(得分:-1)