地圖窗彈（map pop）具體示範
<!DOCTYPE
html PUBLIC“-//W3C//DTD XHTML 1.0 過渡//EN”
「 http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd 」 >
<html xmlns=" http://www.w3.org/1999/xhtml ">
<頭>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"
/>
<title>CSS實例解說地圖提示（map pop）檔</title>
<樣式類型=“文字/CSS”媒體=“全部”>
* { 邊距：0;填充：0；
}
img { 邊框：0;
}
#show{ 文字對齊：左；
}
ul { 清單樣式類型：無；背景：透明
url( ) 無重複 -130px
0 像素；
}
ul li a#map01:懸停span.offset, ul li a#map01:焦點span.offset, ul li
a#map01:active span.offset { margin-top:-1px;左邊距：230px；
}
ul li a#map02 { 寬度:110px;高度：75px；上邊距：-50px；
左邊距：235px；
}
ul li a#map02:懸停, ul li a#map02:焦點, ul li a#map02:active {
背景：透明
url( ) 無重複 -115px
-88像素；
}
ul li a#map03:懸停span.offset, ul li a#map03:焦點span.offset,ul li
a#map03:active span.offset { margin-top:-89px;左邊距：245px；
}
ul li a#map04 { 寬度:110px;高度：120px；上邊距：-60px；
左邊距：5px；
}
ul li a#map04:懸停, ul li a#map04:焦點, ul li a#map04:active {
背景：透明
url( ) 無重複 -240px
-153像素；
}
ul li a#map05:懸停span.offset, ul li a#map05:焦點span.offset, ul li
a#map05:active span.offset { margin-top:-154px;左邊距：120px；
}
</風格>
</頭>
<body> <ul> <li><a id="map01"
href="#map01"><span class="offset"><img
src=" /><span>這是 Popsville 社區<strong>帖子
辦公室，您的郵資價格過高的地方。點擊地圖看
更多</span></span></a></li> <li><a
id="map02" href="#map02"><span class="offset"><img
src=" /><span>家就是啤酒所在的地方。這意味著
<strong>露珠旅館</strong>。週末有現場音樂表演。
點選地圖了解更多</span></span></a></li>
<li><a id="map03" href="#map03"><span
類別=“偏移”><img
src=" /><span>在美麗的風景區度過慵懶的夏日午後
<strong>河灘</strong>。在裸體海灘閒逛。
點選地圖了解更多</span></span></a></li>
<li><a id="map04" href="#map04"><span
類別=“偏移”><img
src=" /><span>我們當地的<strong>林地
Traders 是名副其實的消費品聖地
硬體.點擊地圖看
更多</span></span></a></li> <li><a
id="map05" href="#map05"><span class="offset"><img
src=" /><span>鄉村生活意味著道路殺戮，而
<strong>Wild Game Diner</strong>準備了特別的
醬。點擊地圖看
更多</span></span></a></li> </ul>
</正文>
</html>