浏览器兼容性问题 - ：活动按钮状态制作按钮在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;
}