html - html + css usemap不起作用

我想做一个滑块，它是每个图像都具有和引用的。滑块可以工作，但参考文献仅显示第5个参考文献。我不知道该怎么办=（

这是我到目前为止的内容：

<map name="rfr-ma">
    <area shape="rect" coords="0,0,640,320" href="ma.html">
</map>
<map name="rfr-jj">
    <area shape="rect" coords="0,0,640,320" href="jj.html">
</map>
<map name="rfr-kn">
    <area shape="rect" coords="0,0,640,320" href="kn.html">
</map>
<map name="rfr-aj">
    <area shape="rect" coords="0,0,640,320" href="aj.html">
</map>
<map name="rfr-bk">
    <area shape="rect" coords="0,0,640,320" href="bk.html">
</map>

<!-- Sildes -->

<img id="one" src="img/ma.jpg"  usemap="#rfr-ma"/>
<img id="two" src="img/kn.jpg" usemap="#rfr-kn"/>
<img id="three" src="img/aj.jpg" usemap="#rfr-aj"/>
<img id="four" src="img/bk.jpg" usemap="#rfr-bk"/>
<img id="five" src="img/jj.jpg" usemap="#rfr-jj"/>

最佳答案

您的座标重叠，即指向同一位置：coords =“ 0,0,640,320”
将其更改为每个链接的不同位置。

关于html - html + css usemap不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23178149/