2011-09-06 20 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

相关问题