0
我想要顯示我的聯繫人表單，當用戶懸停在我的導航菜單「聯繫人」列表項目使用CSS。如何更改基於導航懸停的內容div
所以我想要一個解決方案，解釋如何使用CSS懸停在「A」（菜單項）上以顯示與「A」（內容）對應的內容，或者如果您將鼠標懸停在B上，它將顯示B和等等。
A
回答
0
0
你可以試試下面這個簡單的解決方案基於純CSS（無JavaScript編程，所以它甚至會工作，如果JavaScript是在客戶端的禁用計算機）：
HTML
<body>
<div class="itemHeader">A</div>
</body>
CSS3
div.itemHeader {cursor:pointer;}
div.itemHeader:after {
content: "Blah-Blah-Blah";
color: #909090;
display:block;
opacity:0;
}
div.itemHeader:hover:after{opacity:1;}
鏈接的jsfiddle：http://jsfiddle.net/fLMSd/
聽起來像一個測試問題，你嘗試過這麼遠嗎？ – Huangism 2013-05-10 20:08:11
我這樣做的唯一問題是，如果用戶在移動設備上，則必須爲移動設備編碼。最好的解決方案是創建一個包含其中信息的div，並將顯示設置爲none。放置一個懸停，將顯示更改爲阻止。 – Cam 2013-05-10 20:49:10