使圖像規模與它下面的菜單

我有一個網站的標題該寬的圖像（width:100%） enter image description here 使圖像規模與它下面的菜單

下，我有一個菜單（基本上與li元素list設置爲float:left和ulfloat:right）。

對於1868px網站寬度我得到這個正確的輸出：

enter image description here

但是，當我規模1280px發生這種情況：

enter image description here

我可以使菜單與圖像的比例（保持相同的比例）通過使用CSS？

如何讓圖片在不同的分辨率上保持相同的比例？

2015-07-03 Hello Lili

使用背景圖片而不是圖片 – cameronjonesweb

我們能否看到HTML和相應的CSS？ – jaunt

@jaunt恐怕我不能發佈代碼，因爲它是保密的 –

將您的圖片作爲div的背景圖片，而不是直接將其作爲標籤添加。設置背景位置：右下角;並將div高度設置爲圖像的高度。

2015-07-03 11:13:59

同樣的事情發生，我不能隱藏圖像下方的菜單上部獲得「曲線」效果 –

哦，它的工作，我沒有設置位置！萬分感謝！現在唯一的問題是獲得「曲線」效果，因爲我將圖像的z-index設置爲99，並將其定位在菜單上 –

回答