疊加在CSS

Question

一個div我有以下情況的圖像：

有「尾巴」的圖像。

通常文字太長以致不適合圖像，所以我想讓文字流離開圖像（顯示全文的長度）。爲了不在白色背景上看到白色文字，我需要使圖像的顏色相同。

有以下小提琴 http://jsfiddle.net/ZtJc9/

<ul id="menu"> 
    <li>Item 1, Long description</li> 
    <li>Item 3</li> 
    <li>Item 1</li> 
</ul> 

li { 
    background: url(blueImageWithTail.jpg); 
    height:(imageWITHOUTtailHeight)px; 
    float:left; 
    background-color: blue; 
    color: white; 
} 

的問題一看：

如何在CSS中的圖片可以在底部的div「走出去」說明什麼？

Answer 1

爲什麼不使用css3呢？這裏是你的小提琴的更新版本。顏色是不一樣的，但我希望它可以幫助你。我用::before爲實現這一

http://jsfiddle.net/LaJFN/12/