浏览器兼容性问题-:活动按钮状态使按钮在Firefox、IE和Opera中消失

Question

这里有新人。

我目前正在自学HTML和CSS，并创建了一个登录页来收集我正在创业的企业的电子邮件地址。不幸的是，尽管"提交"按钮在Chrome和Safari中的工作方式与我希望的一样，但在Firefox、Explorer和Opera中单击时，它会消失，并且在用户单击屏幕上的其他位置之前，该按钮一直不可见。

这是网站：http://fanbeat.com.

如果您能提供任何帮助，我们将不胜感激！谢谢

Answer 1

原因是表单中没有声明任何操作。如果定义了一个操作，则该按钮将直接显示在操作发生之后。

Answer 2

问题出在背景图像的定位上。试试这个：

.class:active { background: url(submitbuttons.png) no-repeat 0 -92px; width: 145px; height: 45px; }

原因是您试图将PNG定位在底部，而不是定位实际的背景图像。

Answer 3

您正在移除输入焦点上的背景图像。删除它，你的按钮工作正常：

#content-blocks-wrapper input:focus {
    background: none repeat scroll 0 0 #FFFFFF;
    outline: 0 none;
}