範圍：懸停元素不適用於我的框

我的目標是建立一個帶有兩個選項卡的框，並且當用戶將鼠標懸停在選項卡上時，選項卡中的某些文本會顯示出來。對於我盒子上的選項卡，我在一個div內創建了一個列表。範圍：懸停元素不適用於我的框

在「a」標籤內部，我放入了一個標籤，用於隱藏時不隱藏的文本。在我的CSS中，我設置了span {opacity：0}和span：hover {opacity：1}。文本是隱藏的，但是當我將鼠標懸停在一個什麼都沒有發生時。

退房小提琴：

有什麼建議？

感謝您的任何反饋

2012-02-13 Mike

你將不得不使用JavaScript來此。 – Blender 2012-02-13 18:15:43

你問的JavaScript？如果你是你可能要考慮使用框架來幫助你... jQuery的用戶界面等 – nodrog 2012-02-13 18:15:47

你有沒有顯示正確的小提琴？我沒有看到任何'opacty'，更不用說''標籤了。 – 2012-02-13 18:15:57

首先，你的小提琴是錯誤的 - 你在這兩個span和span:hover有opacity: 1。改變這種狀況，它工作正常 - 在X出現，但只有當你將鼠標懸停在包含X.我猜你想讓它顯示出來的標籤懸停任何時候span，那麼試試這個：

a:hover span { 
    opacity: 1; 
}

這在FF中適用於我。

編輯：哦，你真的應該在跨度上使用一個類，而不是將樣式應用到所有跨度。

2012-02-13 18:30:20

如果你想，當你將鼠標懸停在標籤中的span元素改變，那麼你需要的是這樣的：

a:hover span { 

    opacity: 1; 

}

2012-02-13 18:36:33 Giannis

回答