-2

我有以下html：

<div class="art-vmenublock-body">
    <MAP NAME="map1">
    <a HREF="#" class="big-link" data-reveal-id="myModal" shape=RECT COORDS="30,262,180,300"></a>
    <a HREF="#" class="big-link" data-reveal-id="myModal" shape=RECT COORDS="220,262,365,303"></a>
    <a HREF="#" class="big-link" data-reveal-id="myModal" shape=RECT COORDS="405,262,560,303"></a>
    <a HREF="#" class="big-link" data-reveal-id="myModal" shape=RECT COORDS="595,262,750,303"></a>
    <a HREF="#" class="big-link" data-reveal-id="myModal" shape=RECT COORDS="790,262,940,296"></a>
    </MAP>
<IMG SRC="images/plans.png" BORDER=0 WIDTH=966 HEIGHT=343 USEMAP="#map1"></div>

当我提交名称为“立即购买”的按钮时。它在 Firefox 中运行。但是这个过程在chrome中不起作用，Internet Explorer让我知道原因。请帮助

4

3 回答 3

0

这是工作代码。你的实际代码都搞砸了。

演示：http: //jsfiddle.net/surendraVsingh/UJCuT/

<div class="art-vmenublock-body">
    <img src="http://www.dailyencouragement.net/dmr/quarry_road_entrance_wall.jpg" BORDER="0" WIDTH="966" HEIGHT="343" usemap="#map1" />
    <map name="map1">
        <area HREF="#" class="big-link" data-reveal-id="myModal" shape="rect" coords="30,262,180,300" />
        <area HREF="#" class="big-link" data-reveal-id="myModal" shape="rect" coords="220,262,365,303" />
        <area HREF="#" class="big-link" data-reveal-id="myModal" shape="rect" coords="405,262,560,303" />
        <area HREF="#" class="big-link" data-reveal-id="myModal" shape="rect" coords="595,262,750,303" />
        <area HREF="#" class="big-link" data-reveal-id="myModal" shape="rect" coords="790,262,940,296" />
    </map>
</div>
于 2012-06-28T05:34:02.457 回答
0

你有标记错误，<map>不要使用<a>标签，它有自己的标签<area>，所以你的标记应该是这样的：

<div class="art-vmenublock-body">       
    <MAP name="map1">
        <area HREF="#" class="big-link" data-reveal-id="myModal" shape="rect" coords="30,262,180,300" />
        <area HREF="#" class="big-link" data-reveal-id="myModal" shape="rect" coords="220,262,365,303" />
        <area HREF="#" class="big-link" data-reveal-id="myModal" shape="rect" coords="405,262,560,303" />
        <area HREF="#" class="big-link" data-reveal-id="myModal" shape="rect" coords="595,262,750,303" />
        <area HREF="#" class="big-link" data-reveal-id="myModal" shape="rect" coords="790,262,940,296" />
    </MAP>
    <IMG SRC="images/plans.png" BORDER=0 WIDTH=966 HEIGHT=343 USEMAP="#map1"></div>
</div>
于 2012-06-28T05:37:03.310 回答
-1

提交按钮工作。您需要将所有标签包含在 FORM 元素内。

火狐有些理解它。确保你有一个表单标签

于 2012-06-28T05:08:38.773 回答