如何使图像尊重网页限制？

Question

我想在CSS中这样做，但javascript也可以。

我有一个png图像，我用作菜单栏，放在我的背景图像上。图像的一部分超出了右侧的页面。我希望它只是从屏幕上剪切而不是拉伸网页，并在我的背景图像右侧显示一条白线。

以防万一：

position:absolute;
left:2%;
width:120%;
top:-220px;
height:700px;
z-index:6;

任何帮助表示赞赏！谢谢！

Answer 1

可以将宽度设置为100％或更低！

Answer 2

background-size怎么样：封面;

#abc {
    background: url(http://i.imgur.com/nvH8nI3.jpg) 50% 0 repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}