Я пытаюсь разместить изображение внутри другого изображения, поэтому я могу изменить положение одного изображения над другим изображением.
Это обертка:
<!--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 пикселей в верхнем левом углу веб-сайта, а я хочу, чтобы оно располагалось в верхнем левом углу изображения.
Кто-нибудь может мне помочь? Это для школы и очень ценится