Question

我有一个问题，因为我制作按钮，但我不知道如何在我的网站上使用它。问题是当我导入这些按钮时，我只能点击1个按钮而不是5个按钮。 these are the buttons

您可以在此处找到用于制作此表单的按钮https://www.dropbox.com/s/c1iht787jtl5j3s/botones.rar?dl=0

我使用的html代码是：

<div style="position: absolute;">
            <div style="position: absolute; top: 10px; z-index: 1;"> <img src="fotos/botones/Boton 1.png"> </div>
            <div style="position: absolute; top: 10px; z-index: 1;"> <img src="fotos/botones/Boton 2.png"> </div>
            <div style="position: absolute; top: 10px; z-index: 1;"> <img src="fotos/botones/Boton 3.png"> </div>
            <div style="position: absolute; top: 10px; z-index: 1;"> <img src="fotos/botones/Boton 4.png"> </div>
            <div style="position: absolute; top: 10px; z-index: 1;"> <img src="fotos/botones/Boton 5.png"> </div>
        </div>

感谢您的帮助

Answer 1

根据你的风格属性，所有div都在彼此的顶部，所以其他的都在那里但不可见。

尝试做这样的事情：

<img id="Image" src="http://oi62.tinypic.com/f0w0w2.jpg" border="0" width="470" height="435" orgWidth="470" orgHeight="435" usemap="#image-map" alt="" />
<map name="image-map" id="ImageMapsCom-image-map">
 <area shape="rect" coords="468,433,470,435" alt="Image Map" style="outline:none;" title="Image Map" href="http://www.image-maps.com/index.php?aff=mapped_users_0" />
 <area  alt="" title="" href="/home" shape="poly" coords="14,26,448,26,233,123" style="outline:none;" target="_self"     />
 <area  alt="" title="" href="/play" shape="poly" coords="126,92,212,281,188,406,13,32" style="outline:none;" target="_self"     />
 <area  alt="" title="" href="/pending" shape="poly" coords="133,87,230,132,328,91,231,276" style="outline:none;" target="_self"     />
 <area  alt="" title="" href="/shop" shape="poly" coords="227,283,195,403,258,403" style="outline:none;" target="_self"     />
 <area  alt="" title="" href="/earn" shape="poly" coords="270,403,448,35,335,92,246,280" style="outline:none;" target="_self"     />
</map>

示例：http://jsfiddle.net/szoszk/L1cepf9w/

此外，您不应在src属性

中使用空格或非英文字符

我想在html上创建一个按钮，但我无法调整到图像

1 个答案: