地图弹窗（mapa emergente）具体演示
<!DOCTYPE
html PUBLIC "-//W3C//DTD XHTML 1.0 Transicional//ES"
" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml ">
<cabeza>
<meta http-equiv="Tipo de contenido" content="text/html; charset=utf-8"
/>
<title>CSS实例讲解：地图提示（map pop）档</title>
<tipo de estilo="texto/css" media="todos">
* { margen:0; relleno: 0;
}
imagen { borde:0;
}
#mostrar{ text-align:left;
}
ul { tipo-estilo-lista: ninguno; fondo: transparente
URL ( ) sin repetición -130px
0px;
}
ul li a#map01:hover span.offset, ul li a#map01:focus span.offset, ul li
a#map01:span.offset activo { margen-top:-1px; margen izquierdo: 230px;
}
ul li a#map02 { ancho:110px; altura: 75 píxeles; margen superior: -50px;
margen izquierdo: 235 px;
}
ul li a#map02:hover, ul li a#map02:enfoque, ul li a#map02:activo {
fondo:transparente
URL ( ) sin repetición -115px
-88px;
}
ul li a#map03:hover span.offset, ul li a#map03:focus span.offset,ul li
a#map03:span.offset activo { margin-top:-89px; margen izquierdo: 245 px;
}
ul li a#map04 { ancho:110px; altura: 120 px; margen superior: -60px;
margen izquierdo: 5px;
}
ul li a#map04:hover, ul li a#map04:enfoque, ul li a#map04:activo {
fondo:transparente
URL ( ) sin repetición -240px
-153 píxeles;
}
ul li a#map05:hover span.offset, ul li a#map05:focus span.offset, ul li
a#map05:span.offset activo { margin-top:-154px; margen izquierdo: 120 px;
}
</estilo>
</cabeza>
<cuerpo> <ul> <li><a id="mapa01"
href="#map01"><span class="desplazamiento"><img
src=" /><span>Esta es la comunidad de Popsville <strong>Publicar
Oficina</strong>, tu hogar de envíos caros. Haga clic en el mapa para
más</span></span></a></li> <li><a
id="map02" href="#map02"><span class="offset"><img
src=" /><span>El hogar es donde está la cerveza. Y eso significa que el
<strong>Posada Dew Drop</strong>. Música en vivo los fines de semana.
Haga clic en el mapa para obtener más información</span></span></a></li>
<li><a id="map03" href="#map03"><span
clase="desplazamiento"><img
src=" /><span>Pase tranquilas tardes de verano en el hermoso
<strong>Playa del Río</strong>. Pasa el rato en la playa nudista.
Haga clic en el mapa para obtener más información</span></span></a></li>
<li><a id="map04" href="#map04"><span
clase="desplazamiento"><img
src=" /><span>Nuestro <strong>bosque local
Traders</strong> es una auténtica meca de los bienes de consumo y
hardware. Haga clic en el mapa para
más</span></span></a></li> <li><a
id="map05" href="#map05"><span class="offset"><img
src=" /><span>Vivir en el campo implica atropellos en la carretera, y el
<strong>Wild Game Diner</strong> lo prepara con ingredientes especiales
salsa. Haga clic en el mapa para
más</span></span></a></li> </ul>
</cuerpo>
</html>