一个图像从中心推另一个图像

我有一个标志，推远离中心的另一个图像。无论我把多少保证金放在我的标志上，我都希望topimage能够居中。一个图像从中心推另一个图像

HTML：http://www.joekellywebdesign.com/churchsample1/index.html

<div id="wrapper"> 
     <div id="top"> 
      <div id="logo"> 
       <img src="images/logo.png"> 
      </div> 
      <div id="topimage"> 
       <img src="images/church.png"> 
      </div> 
     </div> 
     <div id="navmenu"> 
      <h1>Test text</h1> 
     </div> 
     <div id="bottom"> 
      <div id="bottomleft"> 
       <h1>Welcome to Fictional Baptist Church</h1> 
      </div> 
      <div id="bottomright"> 
       <h1>Join us on Sunday nights for a special series of sermons</h1> 
      </div> 
     </div> 
    </div>

CSS：http://www.joekellywebdesign.com/churchsample1/css/styles.css

#wrapper {z-index:5; width:900px; margin:auto;position: relative;} 
#top {z-index:10; background-color:#80FFFF; margin:0;padding:0;position: relative;} 
#logo {z-index:50; float:left; margin:0;padding:0;position: relative;} 
#logo img {margin:50px 0 0 50px}

我很抱歉，我无法弄清楚如何将此代码粘贴。

来源

2013-09-29 Joe Elmore

使用绝对定位与您的标志股利。

#logo { position:absolute; }

来源

2013-09-29 21:46:48

谢谢。你们好棒。 –

Np，你也应该接受在你提出的每个问题中最适合你的答案。 :) –

一种方法是定位绝对的你的标志，而不是绝对位置。

另一种方法是使用2个不同的层，如：

<div style='position:relative'> 
<div id='layer1' style='position:absolute;left:0px;top:0px;'> 
<img src=topimage.jpg' /> 
</div> 
<div id='layer2' style='position:absolute;left:0px;top:0px;'> 
<img src=logo.jpg' /> 
</div> 
</div>

来源

2013-09-29 21:49:41

一个图像从中心推另一个图像

回答

相关问题