0

別の画像内に画像を配置しようとしているので、ある画像を別の画像の上に配置することができます。

これはラッパーです：

<!--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;

これで問題ないと思いましたが、画像は web サイトの左上隅にある top:0px left:0px に配置されていますが、画像の左上隅に配置したい..

誰か助けてくれませんか？それは学校のためであり、非常に高く評価されています

4

1 に答える 1

1

マージンをテストしましたか？または上:0px; 左：116px; 例えば？ネストされた div ブロックまたはfloat left rightがここで役立つかもしれません。

于 2012-05-22T19:42:42.640 に答える