Question

我的项目在IE和Chrome中都能正确显示。但是在FF中由于某种原因，图像按钮在其顶部显示“提交查询”。我在CSS中设置图像位置并且它肯定是正确的，因为它在所有浏览器中都能正常工作，因为某些原因它只是FireFox在每个图像按钮上方的“提交查询”。

这是我的CSS：

.NavModuleTabs A.NavModuleSelectedWide1
{
color: #555555;
margin-top: 10px;
padding-top: 5px;
height: 25px;
background-image: url(../Images/NavBar/NavModuleTab_125.gif);
background-repeat: no-repeat;
font-weight: bold;
width: 130px;
display: block;
}

有没有人知道为什么会这样？我通过谷歌找到了一些解决方案，但迄今为止没有任何对我有用。

谢谢

Answer 1

将此属性添加到按钮：

value=""

Answer 2

Text-indent：-9999px;将此添加到您的CSS

Answer 3

还添加 css display：block 和

文字缩进：-9999px;

然后它将适用于所有浏览器

Answer 4

仍然是谷歌名单中的佼佼者，所以加上我的2美分价值：上面的答案，但没有解决原因;在我们的例子中，它是用上面的css替换后丢失的图像，在这种情况下，一个简单的解决方案是使用链接按钮

图像按钮在Firefox中的图像顶部显示“提交查询”

4 个答案: