透明按钮无法在Firefox和IE中单击，但可以在Chrome和Safari中使用

Question

我正在开发类似Spot的差异游戏，但我正在使用Javascript来做点。

这里有：我有一些透明按钮（css样式背景透明），我已经使用CSS定位，当我点击透明按钮时，将出现斑点（使用style.visibility）。问题是，这个javascript在谷歌浏览器和Safari中运行良好，但我不知道为什么这些按钮在IE和Firefox中不起作用。

你能帮我解决这个问题吗？我对这个问题很困惑。谢谢！

Answer 1

这适用于所有浏览器

    css:
    button{
       display:block;
       width:500px;
       height:500px;
       background-color:transparent;
       border: 1px solid #000;
     }

    javascript:
    document.getElementById('but').onclick=function(){
        this.style.backgroundColor="#000"
    }

演示： http://jsfiddle.net/7tg3h/1/