1、首先输入：

!DOCTYPEhtml

html

head

metacharset=utf-8/

title鼠标悬停图片上显示文字在线演示www.divcss5.com/title

style

img{border:0}/*css注释说明：设置图片边框为0*/

body{behavior:url(csshover.htc);text-align:center;}/*css注释说明：兼容ie6支持标签使用hover*/

2、然后输入：

.divcss5{position:relative;width:554px;height:346px;margin:0auto}

.divcss5 a,.divcss5 span{display:none; text-decoration:none}

.divcss5:hover{cursor:pointer}

.divcss5:hover a.now{cursor:pointer; position:absolute; top:0; width:100%; height:100%;z-index:100; left:0; display:block;}

.divcss5:hover span{ display:block;position:absolute; bottom:0; left:0;color:#FFF;width:554px; z-index:10;height:36px; line-height:36px; background:#000;filter:alpha(opacity=60);-moz-opacity:0.5;opacity: 0.5;}

/*设置显示文字定位位置，背景半透明*/

3、然后输入：

/style

/head

body

divclass=divcss5style=background:url(imgexp.png)

span文字内容/span

ahref=#class=nownbsp;/a

/div

divclass=divcss5style=background:url(imgexp.png)

span欢迎访问DIVCSS5网站/span

ahref=http://www.divcss5.com/class=nownbsp;/a

/div

/body

/html

4、然后就可以了。