當我將鼠標懸停在鏈接上時，如何使背景色覆蓋其所在的整個框架？

Question

基本上，我在網站上使用的是iframe，左側有一個200px的欄，用於導航。 這里有幾個鏈接，當我將它們懸停在它們上面時，文本和背景顏色就會反轉（因此，您基本上可以看到它）。

我想要的是這樣，背景顏色將覆蓋整個導航框架-當前，它只是框周圍的一個小方塊。 我希望它在任何分辨率下都看起來像這樣，到目前為止……我的嘗試沒有用。

我正在使用HTML和CSS，最好是使用這些語言的解決方案。

謝謝您的幫助。

Answer 1

我敢肯定，如果不使用JavaScript，這是無法完成的。 考慮以下代碼

http://jsfiddle.net/ZPzBL/

a:hover僅允許更改鏈接的樣式。

如果您想讓整個div更改顏色（如果我已經正確閱讀了您的問題，這就是您想要的顏色），然后使用純html，則需要使用.wrapper:hover樣式，例如：

http://jsfiddle.net/ZPzBL/1/ ，

但這意味着您將鼠標懸停在整個div上后，整個div就會改變顏色。

本質上，CSS僅允許您更改當時懸停的元素的樣式。 DOM的任何其他更改都需要由JavaScript處理。 您可能需要看一下http://api.jquery.com/hover/