李背景超过父ul元素

任何人都知道是否有可能让李背景图像扩展到父ul的宽度？李背景超过父ul元素

这是我的CSS。

.sideNavigation { 
    position: relative; 
    background: url(images/sidebarBorderRight.png) top right no-repeat; 
} 

.sideNavigation li { 
    position: relative; 
    margin: 0; 
    width: 225px; 
    height: 30px; 
    line-height: 30px; 
    border-bottom: 1px solid #DDD; 
    font-size: 12px; 
} 

.sideNavigation li.active { 
    position: relative; 
    height: 44px; 
    line-height: 44px; 
    background: url(images/subnavActive.png) no-repeat; 
}

和示例HTML

<ul class="sideNavigation"> 
    <li class="active"><a href="#">Link 1</a></li> 
    <li><a href="#">Link 2</a></li> 
    <li><a href="#">Link 3</a></li> 
    <li><a href="#">Link 4</a></li> 
</ul>

我想要li.active背景同时保持其它li元素到其当前的宽度，以显示在所述UL宽度。

来源

2011-06-08 agh

发布HTML，以便我们可以更轻松地使用它。 – Jawad 2011-06-08 10:07:52

是的，这是可能的。

只要给一个固定大小的ul和更大尺寸的li，并可能设置display: block为li，你应该准备就绪。您也可以选择使用负边距。

来源

2011-06-08 10:10:31

谢谢，完美的作品。 – agh 2011-06-08 10:18:55

李背景超过父ul元素

回答

相关问题