2011-08-12 173 views
-1

enter image description here这个填充问题的css解决方案是什么?

<div id="action-nav"> 
    <ul> 
     <li><a href="#" class="selected">selected</a></li> 
     <li><a href="#">selected</a></li> 
    </ul> 
</div> 

和样式:

#action-nav 
{ 
    text-align:center; 


} 

#action-nav ul li 
{ 

    height: 48px; 
    width: 112px; 
    list-style:none; 
    float: left; 
    margin-right:20px; 

} 

#action-nav ul li a 
{ 
    text-decoration:none; 
    padding-top :15px; 
    height: 48px; 
    width: 112px; 
    display: block; 
} 

#action-nav ul li:hover a 
{ 
    color:#fff; 

} 

#action-nav ul li:hover, #action-nav ul li a.selected 
{ 

    background-image: url('../Images/link_red_bg.jpg'); 
    color:#fff; 


} 

的a.selected类的问题。它应该看起来像在相邻的li:hover样式中一样。我错过了什么?

+0

你能为我们提供一些http://jsfiddle.net吗? – BoltClock

+0

他们看起来和我一样。究竟有什么区别? – Einacio

+0

你想要做什么?你只是给代码没有解释你想要用代码做什么。更具体...和jsfiddle总是有帮助的! – Hristo

回答

0

它可能是重复的,在这种情况下,

background-repeat: no-repeat; 
+0

谢谢!这是我需要的。 – FiveTools

1

您需要从高度减去填充。

0

使用行高的高度,而不是

0

尝试移动“选中”类到母体<里>。

此外,指定儿童<a>的确切宽度和高度是多余的;只需将两个值都更改为100%,以便它们自动匹配父项的尺寸<li>。

相关问题