變化的背景圖像和：李

的懸停顏色我有這個菜單模式：變化的背景圖像和：李

<nav> 
    <ul> 
     <li><a href="index.asp">home</a></li> 
     <li><a href="colecao.asp">coleção</a></li> 
     <li><a href="tecnologia.asp">downloads</a></li> 
     <li><a href="contato.asp">contato</a></li> 
    </ul> 
</nav>

我的李是float:left如此，itens並排。我想當我徘徊a:hover我的背景李，和一個顏色的變化。

看到這個小提琴：如果您在li只徘徊http://jsfiddle.net/56wUm/

，鏈接不工作和a不改變顏色！

求助！

來源

2012-04-11 Preston

如果你仍然需要幫助，我會建議在css中添加填充而不是li。例如這樣的事情：http://jsfiddle.net/MGRBS/2/

這樣的方式鏈接佔用整個塊空間，祝你好運。：D

來源

2012-04-11 03:44:23 Sarah

這是最正確的方法，這樣，實際鏈接不僅可以在按鈕的整個區域中進行懸停和點擊，還可以更改背景在同一個元素上。 – plebksig 2012-04-11 07:11:42

非常好！謝謝... – Preston 2012-04-13 16:32:30

你應該更喜歡使用CSS Sprites來實現這一點。請參閱以下鏈接

vid link

http://css-tricks.com/css-sprites/

來源

2012-04-11 00:36:25 Maddy

是的..我想我需要使用精靈... ty的幫助！ – Preston 2012-04-11 00:53:11

要解決到底是怎麼回事，你需要改變你的一個：稍微懸停規則：

ul li:hover a { color: #fff }

參見：http://jsfiddle.net/56wUm/4/

然而，就可用性而言，我認爲你最好讓鏈接佔據所有的菜單空間，制定一個大目標。

來源

2012-04-11 00:38:15 chipcullen

你的解決方案很好，但是當我懸停'li'時，我們無法點擊。鏈接僅在我們懸停「a」鏈接時起作用 – Preston 2012-04-11 00:52:45

您想將某些CSS從A移動到LI。我們的目標是讓A直接對抗LI，所以沒有差距。你只是想使用LI的浮動屬性，把它們想象成TABLE中的TD。他們應該沒有自己的真實風格。

來源

2012-04-11 00:40:43 jpsimons

變化的背景圖像和：李

回答

相關問題