可以<map>
和<area>
來稱呼?
如果不是,最簡單(最現代)的方式是設置單個圖像的不同區域的樣式?風格化的影像地圖
關於<map>
和<area>
的好處是,使用圖像映射生成器,您不必計算每個區域的位置。但似乎即使有href屬性,也不能對區域進行樣式設置。
我想這些區域有{background-color: black; opacity: 0.5;}
和:hover {opacity: 0;}
我可以讓每個區域單獨的圖像,但後來我不得不將其重組爲一個圖像,我會不會覺得滿意。
也許我可以使用速度優化技術(精靈),我把我所需要的所有的圖形爲一個圖像,並顯示只有一個我需要(遊戲做到這一點的紋理和字母)。
如果任何人有比http://www.netzgesta.de/mapper/較輕的JavaScript的解決方案我也有興趣。
它是否有助於如果您創建上圖中的黑色區域,使他們從不透明0.5到1懸停呢? – Shomz