使用divcss實現鼠標懸停圖片上方時顯示文字內容原理:首先我們設置一個盒子對象,并且將圖片使用style標簽內設置為CSS背景圖片,同時設置該對象htmla超鏈接display:none隱藏,該超鏈接錨文本內放好文字內容,最后設置鼠標懸停經過整個對象時候顯示超鏈接內容。需要注意是,我們使用了cssposition絕對定位超鏈接a標簽位于該盒子對象下方,并且為了美化效果給htmla標簽寬度與對象寬度相同,設置一定高度,設置css背景為半透明背景顏色。同時為了兼容IE6我們使用了IE6支持hover插件。控制閱讀了解ie6hover支持。本效果兼容各大瀏覽器包括IE6。打包源代碼請下載附件,謝謝
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29303132333435