多背景圖像，防止重疊

我正在使用下面的css代碼來獲取li的背景，使底部有一個箭頭的圓角矩形。多背景圖像，防止重疊

background-image:url("../image/menu_button_active_left.png"), url("../image/menu_button_active_bg.png"), url("../image/menu_button_active_right.png"), url("../image/menu_button_active_bottom.png"); 
background-position:center left, center center, center right, center 43px; 
background-repeat:no-repeat, repeat-x, no-repeat, no-repeat

我的問題是background_left和background_right防止示出的圓角矩形上面顯示的圖像background_bg。我想要background_bottom在background_bg的底部隱藏1px的高度，但現在background_bg在z-index（頂部）隱藏1px在background_bottom圖像的頂部）

請幫助我。

-------- SOLUTION重疊：FOUND --------

我試圖

background-clip:border-box, content-box, border-box, border-box;

，它工作得很好。

請幫我把background_bottom_image放在上面（如z-index）所有其他背景圖片。

來源

2013-09-24 Gokul Gopala Krishnan

我發現了我的問題的解決方案。

background-clip:border-box, content-box, border-box, border-box;

使用上述背景剪輯，使其圓角矩形

和使用堆棧排序，我把bottom_background作爲第一個以使其顯示在所有其他background_images

謝謝大家。

來源

2013-09-24 08:55:42

多背景圖像，防止重疊

回答

相關問題