使用div css實現(xiàn)鼠標懸停圖片上方時顯示文字內(nèi)容原理： 首先我們設(shè)置一個盒子對象，并且將圖片使用style標簽內(nèi)設(shè)置為CSS背景圖片，同時設(shè)置該對象html a超鏈接display:none隱藏，該超鏈接錨文本內(nèi)放好文字內(nèi)容，最后設(shè)置鼠標懸停經(jīng)過整個對象時候顯示超鏈接內(nèi)容。 需要注意是，我們使用了css position絕對定位超鏈接a標簽位于該盒子對象下方，并且為了美化效果給html a標簽寬度與對象寬度相同，設(shè)置一定高度，設(shè)置css背景為半透明背景顏色。 同時為了兼容IE6我們使用了IE6支持hover插件。控制閱讀了解ie6 hover支持。本效果兼容各大瀏覽器包括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

29 30 31 32 33 34 35

html中怎么去掉a標簽與上一行的空行的方法是選中a標簽，點擊刪除即可

超鏈接下劃線可以使用“text-decoration: none;”去除，顏色可以用“color”屬性表示。

1、新建html文檔，在body標簽中添加兩個超鏈接并為超鏈接添加文字，這時默認情況下超鏈接帶下劃線且顏色為藍色：

2、設(shè)置white類，添加“text-decoration: none;”和“color: #fff;”，這時超鏈接變成無下劃線和白色：

3、設(shè)置black類，添加“text-decoration: none;”和“color: #000;”，這時超鏈接變成無下劃線和黑色：