[問題] 圖片縮放時，裡面div定位的問題

[littleleaf (葉)]

大家好

我想問就是我目前有個地圖的背景

裡面用了很多div標籤，放在不同地名上讓滑鼠移過去可以顯示出資訊

現在我把地圖的width設為100%讓他可以隨著螢幕大小做縮放

不過問題是要怎麼做才能讓div標籤位置也跟著一起縮放，讓它依然在那些地名上

這是我的簡單架構


<div class="wrapper">
  <div class="map-box"> (放地圖的地方)
    <div class="Zooin-Area"> (放在地名上的標籤)
    <div class="Zooin-Content"> (滑鼠移到地名後會顯示的東西)

         ...下面就一連串的XX-Area、XX-Content的標籤


請教各位大大了:)

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 140.116.54.138
※ 文章網址: http://www.ptt.cc/bbs/Web_Design/M.1416298450.A.119.html
→ mmis1000: 改用%定位在地圖上阿
→ mmis1000: http://jsbin.com/geyicalabi/1/ 好%%不用嗎？
→ littleleaf: 喔喔!!!感謝大大!!!來嘗試看看~