全图像居中技术是否有任何技术术语?
示例:topgear.com,http://safe.tumblr.com/theme/preview/979以及其他许多我不记得的内容。
答案 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)