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像素在左上角该网站,而我希望它在图像的左上角位置..
有人能帮助我吗?这是学校,非常感谢
感谢您的回复。我试过你的提示,我的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像素 –
你到底需要什么?你可以在这里或其他地方放一张照片吗? – Vahid
我不知道我现在改变了什么,但它的工作:D谢谢 –