我想要顯示我的聯繫人表單,當用戶懸停在我的導航菜單「聯繫人」列表項目使用CSS。如何更改基於導航懸停的內容div
所以我想要一個解決方案,解釋如何使用CSS懸停在「A」(菜單項)上以顯示與「A」(內容)對應的內容,或者如果您將鼠標懸停在B上,它將顯示B和等等。
我想要顯示我的聯繫人表單,當用戶懸停在我的導航菜單「聯繫人」列表項目使用CSS。如何更改基於導航懸停的內容div
所以我想要一個解決方案,解釋如何使用CSS懸停在「A」(菜單項)上以顯示與「A」(內容)對應的內容,或者如果您將鼠標懸停在B上,它將顯示B和等等。
你可以試試下面這個簡單的解決方案基於純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