多背景图像，防止重叠

我正在使用下面的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

多背景图像，防止重叠

回答

相关问题