我有一个具有三种状态的按钮(三个不同的图像)，除了按钮的主要功能外，它的工作原理和外观都很棒-链接到其他文档:)
单击它时，什么都不会发生。我需要使用javascript还是<input>或<button>？
我已经尝试过使用<button>标记，但是这三个状态无效。
而且<a id="backbutton"> ...也不起作用。
#backbutton{ width: 100px; height:100px; background-image: url('../obrazky/fs/back_up100.png'); }
#backbutton:hover{ background-image: url('../obrazky/fs/back_hover100.png'); }
#backbutton:active{ background-image: url('../obrazky/fs/back_down100.png'); }
<div id="backbutton"><a href="index.html"></a></div>
最佳答案
使用
#backbutton a{display:block;width:100%;height:100%;}
使div内的链接适合其容器。
关于javascript - <a>在<div>中不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/6649207/