地图弹窗（peta pop）具体演示
<!DOCTYPE
html PUBLIK "-//W3C//DTD XHTML 1.0 Transisi//EN"
" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml ">
<kepala>
<meta http-equiv="Jenis Konten" content="teks/html; charset=utf-8"
/>
<title>CSS实例讲解：地图提示（map pop）档</title>
<style type="teks/css" media="semua">
* { batas:0; bantalan:0;
}
img { batas:0;
}
#tampilkan{ perataan teks:kiri;
}
ul { tipe gaya daftar: tidak ada; latar belakang: transparan
url( ) tanpa pengulangan -130px
0 piksel;
}
ul li a#map01:hover span.offset, ul li a#map01: rentang fokus.offset, ul li
a#map01:span.offset aktif { margin-top:-1px; margin-kiri:230 piksel;
}
ul li a#peta02 { lebar:110px; tinggi:75px; margin-atas:-50 piksel;
margin-kiri:235px;
}
ul li a#map02:hover, ul li a#map02:fokus, ul li a#map02:aktif {
latar belakang: transparan
url( ) tanpa pengulangan -115px
-88 piksel;
}
ul li a#map03:hover span.offset, ul li a#map03: rentang fokus.offset,ul li
a#map03:span.offset aktif { margin-top:-89px; margin-kiri:245 piksel;
}
ul li a#peta04 { lebar:110 piksel; tinggi:120 piksel; margin-atas:-60 piksel;
margin-kiri:5px;
}
ul li a#map04:hover, ul li a#map04:fokus, ul li a#map04:aktif {
latar belakang: transparan
url( ) tanpa pengulangan -240px
-153 piksel;
}
ul li a#map05:hover span.offset, ul li a#map05: rentang fokus.offset, ul li
a#map05:span.offset aktif { margin-top:-154px; margin-kiri:120px;
}
</gaya>
</kepala>
<tubuh> <ul> <li><a id="peta01"
href="#map01"><span class="offset"><img
src=" /><span>Ini adalah <strong>Postingan komunitas Popsville
Kantor</strong>, rumah Anda dengan ongkos kirim yang terlalu mahal. Klik peta untuk
selengkapnya</span></span></a></li> <li><a
id="map02" href="#map02"><span class="offset"><img
src=" /><span>Rumah adalah tempat bir berada. Dan itu artinya
<strong>Penginapan Dew Drop</strong>. Musik live di akhir pekan.
Klik peta untuk mengetahui lebih lanjut</span></span></a></li>
<li><a id="map03" href="#map03"><span
kelas="mengimbangi"><img
src=" /><span>Habiskan sore hari musim panas yang santai di tempat yang indah
<strong>Pantai Sungai</strong>. Nongkrong di pantai telanjang.
Klik peta untuk mengetahui lebih lanjut</span></span></a></li>
<li><a id="map04" href="#map04"><span
kelas="mengimbangi"><img
src=" /><span>Woodland. <strong>lokal kami
Pedagang benar-benar merupakan Mekah barang konsumsi dan
perangkat keras. Klik peta untuk
selengkapnya</span></span></a></li> <li><a
id="map05" href="#map05"><span class="offset"><img
src=" /><span>Hidup di pedesaan berarti mematikan di jalan raya, dan
<strong>Wild Game Diner</strong> menyiapkannya dengan spesial
saus. Klik peta untuk
selengkapnya</span></span></a></li> </ul>
</tubuh>
</html>