'新'的位置图片? (CSS)

时间:2012-10-01 15:35:22

标签: css html

宽屏和窄屏是个问题..如何设置图片的位置? (网站页脚菜单栏 - 已修复)

Click on the image to see detail

你能帮忙吗?谢谢!

菜单条形码:

     div.footer{ /* main*/
        background: none repeat scroll 0 0 #000000;
        border-top: 1px solid #222;
        bottom: 0;
        left: 12%;
        line-height: 30px;
        position: fixed;
        text-align: center;
        text-decoration: none;
        width: 963px;
        z-index: 999;
        margin: 0 auto;
    }
    div.footer a {
        color: #999;
    }
    div.footer a:hover {
        color: #FFFFFF;
        text-decoration: none;
    } 

1 个答案:

答案 0 :(得分:1)

我猜你想让这个“新”图片出现在你的一个链接的右上角。为此,您需要设置位置:相对于您的链接并将图像置于绝对位置。像这样:

div.footer a {
    color: #999;
}
div.footer a img {
    position: absolute;
    top: -10px;
    right: 5px;
}
  • 您可以根据需要设置顶部和右侧