2012-05-22 36 views
0

我试图在另一个图像中定位图像,所以我可以在另一个图像上方改变一个图像的位置。DIV内的绝对值

这是包装:

<!--Start Slider Wrapper--> 
     <div class="slider_wrapper"> 
     <div id="main" class="container">    
       <div id="foto1" class="foto1"> <?php if (inkthemes_get_option('inkthemes_featureimg') != '') { ?> 
       <img src="<?php echo inkthemes_get_option('inkthemes_featureimg'); ?>"/> 
      <?php } else { ?> 
       <img src="<?php echo get_template_directory_uri(); ?>/images/slideimg.jpg"/> 
      <?php } ?> 
     </div> 
     <div id="groenid" class="groenclass"><img src="<?php echo get_template_directory_uri(); ?>/images/groen.jpg" /> 
     </div>   
     <div class="slider_shadow"></div> 
    </div> 
    </div> 
    </div> 
    <!--End Slider wrapper--> 

这是CSS:

#main { 
    padding: 10px; 
    background: #f9fbfb; 
    border: 1px solid #ccc; 
    z-index:1; 
    height:460px; 
    width: 928px; 
} 
#foto1 img{ 
    position:absolute; 
    width: 928px; 
    height: 460px; 
    z-index:1; 
} 
#groenid { 
    width: 116px; 
    height:113px; 
    position:absolute; 
    z-index:2; 
    top:0px; 
    left:0px; 

我认为这是好的,但在顶部的图像的位置:0像素左:0像素在左上角该网站,而我希望它在图像的左上角位置..

有人能帮助我吗?这是学校,非常感谢

回答

1

你测试保证金?或top:0px;左:116像素;例如?也许嵌套的div块或浮动左右可以帮助你在这里。

+0

感谢您的回复。我试过你的提示,我的CSS现在看起来像这样: #main { padding:10px; 背景:#f9fbfb; border:1px solid #ccc; z-index:1; height:460px; width:928px; margin:auto; } #foto1 img { position:absolute; width:928px; height:460px; z-index:1; margin:auto; } #groenid { width:116px; height:113px; position:absolute; z-index:2; top:0px; left:50px; float:left; margin:auto; }' 它仍然不起作用,它只从左边的50像素 –

+0

你到底需要什么?你可以在这里或其他地方放一张照片吗? – Vahid

+0

我不知道我现在改变了什么,但它的工作:D谢谢 –