<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>css实现鼠标悬停图片标注重要选区代码</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div style="height:450px; margin:20px auto;" class="ktg">
<img src="images/pro_1.jpg" height="450" width="960" />
<ul>
<li style="left:8px;top:137px;"><a target="_blank" title="太阳能热水袋" href="http://www.jb51.net/"><div></div></a></li>
<li style="left:408px;top:50px;"><a target="_blank" title="太阳能太阳伞" href="http://www.jb51.net/"><div></div></a></li>
<li style="left:705px;top:160px;"><a target="_blank" title="太阳能帐篷" href="http://www.jb51.net/"><div></div></a></li>
<li style="left:20px; bottom:8px;"><a target="_blank" title="太阳能手电筒" href="http://www.jb51.net/"><div></div></a></li>
<li style="left:108px; bottom:29px;"><a target="_blank" title="太阳能灯" href="http://www.jb51.net/"><div></div></a></li>
<li style="left:278px; bottom:48px;"><a target="_blank" title="太阳能背包" href="http://www.jb51.net/"><div></div></a></li>
<li style="left:458px; bottom:23px;"><a target="_blank" title="太阳能驱蚊器" href="http://www.jb51.net/"><div></div></a></li>
<li style="left:639px; bottom:37px;"><a target="_blank" title="太阳能七彩罐" href="http://www.jb51.net/"><div></div></a></li>
</ul>
</div>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
<p>适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.</p>
</div>
</body>
</html>