将两个 div 推到 logo 后面答案

【问题标题】：Pushing two divs behind logo将两个 div 推到 logo 后面
【发布时间】：2016-09-01 12:59:54
【问题描述】：

我正在学习 HTML 和 CSS。但这件事让我很紧张。我已经尝试了一切来解决这个问题，但无法这样做。我正在练习一个示例网站。

主要问题我正在尝试应用我在两个“.div”上方的矩形下标记的这个徽标。对不起，我是新手，不知道如何正确。我在css下面附上了我的编码。我需要将这两个 div 放在此图像下方。

我是新手，所以不知道如何粘贴代码。这东西是新的。请任何帮助将不胜感激。 enter link description here

【问题讨论】：

能否请您创建一个 sn-p / fiddle 以便我们检查？
对不起，我不知道该怎么做。我已经粘贴了 PASTEBIN LINK。你可以检查一下。我不知道如何在这里粘贴代码。您可以点击“在此处输入链接描述”
老兄在这里codepen.io创建一个免费帐户，然后粘贴你的东西并链接它，这里有很多不应该在那里的标记，它不需要
@Ricky codepen.io/sachoosaini/pen/pEozqo
如果我已经回答了您的问题，请您将其标记为完整

标签： html css

【解决方案1】：

好的，如果没有实际包含在 codepen 中的图像，很难看到它。

我已经检查了您的代码并消除了语法错误/拼写错误等，并使其更清晰，所以希望它对您有用，如果不是，如果您可以在 codepen 上提供图像，它会更容易。

HTML：

<body>
    <div class="image">
    </div>

<div id="wrapper">

<header>
    <div class="headerbox1"></div>
</header>
    <div class="banner">
        <div class="headerbox2"></div>
    </div>
</div>

</body>
</html>

CSS：

body {
    background:#BCBCBC;
    }
#wrapper {
         height:2278px;
         width:1600px;
         background:#ABFF7E;
         margin: 0 auto;
        }
header{
         width:1600px;
         height:57px;
         background:#FF1D21;
         margin: 0 auto;
      }
.headerbox1{
           width:1600px;
           height:57px;
           background:#EDE8E9;
           margin: 0 auto;
       }
        }
.banner{
             width:1600px;
             height:559px;
             background:url(../../Images/alpha.jpg);
         }
.headerbox2{
            width:1600px;
            height:63px;
            background:rgba(0,0,0,0.4);
            margin: 0 auto;
        }
.image {
              width:219px;
              height:185px;
              background:url(../../Images/logo%20spotless.png);
              display: inline-block;
              margin: 0 auto;
          }

我看不出您在 html 中使用 <td> 标记的相关理由，特别是因为您那里没有桌子，所以我把它们拿出来了。希望这会有所帮助，如果不是您也需要提供图片。

【讨论】：

(pasteboard.co/fx8adR4sw.png) main image 上面的标志需要粘贴在两个上面，就像我在最上面的帖子的问题中粘贴的一样。附加其他图像pasteboard.co/fxb8NK08i.jpg 徽标pasteboard.co/1yjM4BhxQ.png 和我刚刚添加的 TD 以调整两个 div 上方的图像。
现在看一下代码，您添加了两次徽标，一次在 HTML 中，然后再次作为未定义的 div 类的背景图像，我取出 HTML img 并创建使用您设置样式但没有 div 的类属性在其位置放置一个 div，并将其放置在包装器上方，使其应居中对齐。
我想我仍然无法让你明白我想要什么。我想将这些标题 div 放在 LOGO 下方，我的意思是徽标 png。如果您查看原始页面，您可以看到徽标一尘不染在两个 div 上方，在我的情况下是标题 div
我明白你想要什么，将LOGO置于一切之上，并将其置于页面中心。如此有效地将图像 div 置于包装器之上，将其置于其他一切之上（在顶部），然后设置 margin: 0 auto;应该把它放在你想要的页面上。