如何製作尊重網頁圖片的限制？

我想在CSS中做到這一點，但JavaScript也沒關係。如何製作尊重網頁圖片的限制？

我有一個PNG圖像，我用作菜單欄，我把我的背景圖像。 Theres是超出右側頁面的圖像的一部分。我希望它只是從屏幕上剪下來，而不是拉伸網頁，並在背景圖片的右側顯示一條白線。

以防萬一的CSS：

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

任何幫助表示讚賞！謝謝！

來源

2014-04-14 nicklegault101

將它的寬度設置爲'100％'？或者父母「溢出：隱藏」？ – putvande

我們需要更多信息來回答：父元素的HTML和CSS。 –

謝謝Putvande！沒有意識到這個屬性！ – nicklegault101

可以將寬度設置爲100％或更少！

來源

2014-04-14 15:45:44 Ishita

如何background-size：cover;

#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; 
}

來源

2014-04-14 16:34:26 Simon

如何製作尊重網頁圖片的限制？

回答

相關問題