Question

我正试图在另一张图片上面放一张图片。例如，很多网站都有主背景，我会假设在html标签和其他背景中使用，就像用于身体标签的简单颜色一样。但是它们占据了屏幕的75％并使其居中，因此部分html背景正在显示。我坚持如何居中并使身体标签成为屏幕的75％。提前谢谢！

Answer 1

您希望在margin:0px auto;上使用您想要居中的position:absolute和div。

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

要使这个工作，div需要有width并且绝对定位。

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

Answer 2

你可以使用包装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>

auto只是告诉浏览器在元素的左侧和右侧均匀分割可用空间

Answer 3

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中尝试上面的代码

Answer 4

您可以尝试将css背景图像属性指定给正文并创建一个新的div，然后为其指定另一个背景。并将容器的宽度设置为75％。或者如果您打算使用img标记，那么您可以为其提供z-index属性。要将div容器定位到中心，请给出margin：auto;

CSS背景定位

4 个答案: