Question

我需要在带有背景图像的div内的右下角放置一个图像..问题是图像没有div的背景。

我有这个......我正在使用样板

 <style>
 #footer-container{
    background: url("img/footer_bg.gif") repeat;
    color: #ccc;
    padding:20px 0;
 }
 #footer-container footer{
    background: url("img/footer_bg.gif") repeat;
    color: #ccc;
    padding:20px 0;
 }
 .wrapper{
    width:1026px; /* 1140px - 10% for margins */
    margin:0 auto;

 }
 #resize{
    float:right;
 }
 </style>
 <div id="footer-container">
    <footer class="wrapper">

    <p class="contacto">
    <i>
    some text here....
    <a href="#">—Contact</a>
    </i>
    </p>

        <div id="contacts">
            <a href="#" class="twitter-link">twitter</a>
            <a href="#" class="dribble-link">dribble</a>
            <a href="#" class="rss-link">rss</a>
        </div>
        <div id="resize">
            <img src="img/resize.png"
            style="position:absolute;right:0px; top:bottom; z-index:2;">
        </div>  
    </footer>
 </div>

Answer 1

我不确定我是否完全理解这个问题。但是如果你想让图像绝对定位在div中，那么我会将position:relative;添加到想要将图像锚定在其中的div中。

Answer 2

风格=“的浮动：右; margin-bottom：{什么适合你}; 位置：绝对;右：0像素;顶部：底部;的z-index：2;“

将图像放在右下角

2 个答案: