2011-09-06 35 views
1

我想懸停在每個矩形改變背景顏色和色彩空間,但是當你將鼠標懸停在其他列中的文本不改變它。這有道理嗎? 示例:在懸停文本時,將鼠標懸停在「關於」而不是「主頁」或「聯繫人」上。哈弗列表項空間(寬度和高度),而不是文字的空間

我真的不知道如何很好地解釋這一點,所以如果你請這個fiddle你會看到我的問題。

+0

這是我不清楚你想要什麼。 – thirtydot

+0

如果您在右側的About矩形上移動鼠標,您會看到當您將鼠標懸停在Contact的第一個字母上時,Contact矩形會變黑。我希望懸停區域只能是矩形而不是文本。但是當徘徊時,文字會變色。也許它只能用jQuery ... – danielcorreia

回答

0

對於現代瀏覽器中使用:

#bighome,#bigabout,#bigcontact { 
    pointer-events: none; 
} 

還是最兼容的方式是把#bigxxxx跨越一個元素之外。所以

<li id="contactlink"><a href="#">Contact</a><span id="bigcontact">contact</span></li> 

(你必須指定字體顏色的跨度)

+0

什麼?!那容易? :D謝謝 – danielcorreia

+0

隨着跨度以外如何使用a:hover? – danielcorreia

+0

你可以使用李:懸停跨度{}或者你可以使用:懸停+跨度{} – Gerben

相關問題