Javascript 不能在Firefox和IE中单击透明按钮，但可以在Chrome和Safari中使用

我正在开发一款类似于Spot the difference的游戏，但我正在使用Javascript来制作Spot

这里是这样的：我有一些透明按钮（css样式背景透明），我用css定位，当我点击透明按钮时，就会出现斑点（使用style.visibility）。问题是，这个javascript在Google Chrome和Safari中都运行良好，但我不知道为什么这些按钮在IE和Firefox中不起作用

---

你能帮我吗？我对这个问题感到困惑。谢谢大家!

这在所有浏览器中都适用

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

javascript: document.getElementById（'but'）。onclick=function（）{ 此.style.backgroundColor=“#000” } 演示：

---

如果你不发布相关代码，人们将很难帮助你。如果有代码可以查看，解决问题会更容易。至少是代码中最关键的部分。让那些可以在HTML页面中单击的元素本身是个坏主意。这会导致欺诈和欺骗。最好与服务器联系，检查鼠标的x和y坐标。对不起，我似乎无法编辑我自己的帖子。在Firefox中：如果一个按钮不包含任何内容，那么它的宽度和高度应该在CSS规则中定义（或通过属性定义）。为什么在页面上使用隐藏按钮？ javascript: document.getElementById('but').onclick=function(){ this.style.backgroundColor="#000" }