Css 背景图像在项目外部被切断。我怎样才能让它表现出来？

我有一个背景图像，它正确地定位在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;
}

---

我不认为你能有一个突破容器界限的图像。您可以尝试将li稍微加宽，以容纳箭头图像，然后将子元素移到左侧

---

或者您可以将箭头作为子元素的背景。

为什么不将此图像作为子列表第一个列表项的背景？

任何元素都不能突出

背景图像。您可以使用附加到元素的
span
，或将背景图像附加到元素旁边的元素，从而产生它是原始元素一部分的错觉

就我个人而言，我会使用
span
，在元素内部放置背景图像，使其位于div外部。
你不能让背景图像显示其容器的边缘，那么它就不是背景图像了！您需要重新构造标记在您的案例中，将图像移动到cardrona的div。