2012-10-01 90 views
0

宽屏幕和窄屏幕是一个问题..我怎样才能设置图片的位置? (网站页脚菜单栏 - 固定)'新'位置的图片? (CSS)

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

@DirkMc快速,谢谢您的关注! –

回答

1

我猜你想的是“新”的形象出现在你的链接之一的右上角。要做到这一点,你需要设置位置:相对于你的链接和图像的绝对位置。事情是这样的:

div.footer a { 
    color: #999; 
} 
div.footer a img { 
    position: absolute; 
    top: -10px; 
    right: 5px; 
} 
  • 您可以设置顶部,只要你想
+0

非常感谢!我做到了! –