Question

我有两种背景颜色。一部分是灰色的，另一部分是白色的。背景的灰色部分仅覆盖背景的一小部分，其余部分覆盖白色。现在我想添加一个图像作为我的“徽标”，它应该在背景的灰色部分。图像目前位于两个背景下面，我无法弄清楚如何将图像放在背景前面。

<style type="text/css">      
  #grey-bg {
    position: fixed;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 25%;
      background-color: grey;
  }
  body
  {
    background-color:white;
  }   
</style>
</head>

<body>
<div id="grey-bg">
<body bgcolor="grey">
</div>
<center><img    src="http://img2.wikia.nocookie.net/__cb20110818145752/prototype/images/thumb/6/64/Prototype_-_Logo.png/660px-Prototype_-_Logo.png alt="Prototype"></center>

我希望这是可以理解的。我对此很陌生，并试图尽可能地清楚。任何帮助将非常感谢！

Answer 1

只需使用灰色背景移动div中的图像元素。

<div id="grey-bg">    
  <center><img src="http://img2.wikia.nocookie.net/__cb20110818145752/prototype/images/thumb/6/64/Prototype_-_Logo.png/660px-Prototype_-_Logo.png" alt="Prototype" /></center>
</div>

小提琴：http://jsfiddle.net/LcDTS/

您还应该避免使用center标记，而是使用CSS。

如何让图像在背景颜色前面？

1 个答案: