css - 背景图像在元素外部被切断。我怎样才能让它显示出来？

Question

我有一张背景图片，它正确定位在 ul li 元素的背景上。

我想将它放置在石灰容器的边缘之外，但是当我正确放置它时，它会切掉不在容器内的图像的任何部分。

如何让它即使在容器外也显示出来，而不是像这样被切断？

想要的结果

CSS

body ul#main_navigation li li:hover > a, body ul#main_navigation li li.over > a
{
     background-image:url(/images/nav_arrow_right.png);
     background-repeat:no-repeat;
     background-position: 197px 12px;
     background-color: #0F0;
     color: #FFF;
}

Answer 1

background-image 不能从任何元素突出。您可以使用附加到元素的 span，或者将背景图像附加到它旁边的元素，给人一种它是原始元素一部分的错觉。

就我个人而言，我会使用 span，元素内的背景图片位于 div 之外。