0

我正在尝试将图像放在另一个图像之上。例如，很多网站都有一个主背景，我假设用在 html 标签和另一个背景中，比如用于 body 标签的简单颜色。但他们将其设为屏幕的 75% 并将其居中，以便显示部分 html 背景。我被困在如何居中并使身体标签占屏幕的 75%。先感谢您！

4

4 回答 4

1

你想使用margin:0px auto;和你想居中position:absolute的那个。div

第一个0px告诉它顶部和底部没有任何边距。第二个属性告诉它使左右边距自动。使 div 居中。

为了使这个工作，div 需要有一个width并且是绝对定位的。

演示（奖励标题）：http: //jsfiddle.net/btevfik/GPpeD/

于 2013-03-17T15:38:34.067 回答
1

您可以使用包装器 div 并为其设置 75% 的宽度并应用您想要的任何背景，然后将其位置设置为居中，它将为您提供所需的输出。

<html>
<head>
<style>
.wrapper{
width:75%;
height: 100%;
background-color:red;
background-position:center;
margin: 0 auto;
}
</style>
</head>

<body style="background-color:black;">
<div class="wrapper">this is a 75% width wrapper</div>
</body>
</html>

just 告诉浏览器在auto元素的左侧和右侧之间平均分配可用空间

于 2013-03-17T15:55:40.123 回答
0 
background: 
   url(backgroundOne.png) 60px 10px no-repeat,  /* On top,    like z-index: 4; */
   url(backgroundTwo.png) 10px 10px no-repeat,   /*            like z-index: 3; */
   url(backGroundThree.png);                      /* On bottom, like z-index: 1; */

在 CSS 中尝试上面的代码

于 2013-03-17T15:41:50.840 回答
0

您可以尝试将 css 背景图像属性分配给主体并创建一个新 div，然后为其分配另一个背景。并将容器的宽度设置为 75%。或者如果你打算使用 img 标签，那么你可以给它 z-index 属性。为了将 div 容器定位到中心，请提供边距：自动；

于 2013-03-17T15:59:37.630 回答