2014-04-09 30 views
0

我不认为这可以完成,但我仍在尝试它希望有一个解决方案!图形的html地图不会随着bootstrap中的图像而改变

样品是在www.meetmainstreet.com

我有主要街道的图形表示,并且各个点就可以了,在我所使用DW CS6如下添加链接...

<img src="streetmap_2.png" alt="Meet Marion North Carolina Main Street" name="mainmap" usemap="#mainmap" id="mainmap"> 
<map name="mainmap"> 
<area shape="circle" coords="337,144,12" href="http://youtu.be/WW0-HDOgeh8" alt="Marion Pharmacy"> 
<area shape="circle" coords="434,184,12" href="http://youtu.be/jipJdPSQCNg" alt="Austin Furniture"> 
<area shape="circle" coords="511,183,12" href="#"> 
<area shape="circle" coords="501,136,12" href="http://youtu.be/xqY1TB9Y1L0" alt="Killoughs Music and Loan"> 
<area shape="circle" coords="705,178,12" href="#"> 
</map> 

该页面是以twitter Bootstrap2 css风格构建的,当图像自动调整大小以适合屏幕尺寸时,coords会关闭。有什么办法可以对此做任何事情吗?

谢谢!

+1

Juste谷歌“响应图像映射”。仅使用HTML + CSS是不可能的,但您可能会找到适合您需求的解决方案。 –

+0

你必须使用图像映射吗?或者你会很乐意绝对定位图片上的一些看不见的链接 –

+0

谢谢Bartude,我只是用谷歌搜索,但找不到正确的短语,我认为准确地找到我的问题,将尝试一个。没有詹姆斯,它不一定是这样的图像地图。我试图避免在嵌入式谷歌地图上寻找更多有吸引力的方式,因此看不见的链接会很棒 –

回答