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

Posted 2023-03-06

【中文标题】在 Firefox 中的图像顶部显示“提交查询”的图像按钮

【英文标题】：Image button displaying 'Submit query' over the top of image in Firefox

【发布时间】：2012-02-17 03:36:00

【问题描述】：

我的项目在 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;

有人知道为什么会发生这种情况吗？我通过谷歌找到了一些解决方案，但到目前为止对我没有任何帮助。

谢谢

【参考方案1】：

将此属性添加到您的按钮：

value=""

【讨论】：

你先生是个彻头彻尾的传奇人物，我无法想象我会在一百万年后发现这一点！

【参考方案2】：

文本缩进：-9999px；将此添加到您的 CSS 中

【参考方案3】：

还添加 css display:block 和

文本缩进：-9999px;

然后它将在所有浏览器中工作

【参考方案4】：

仍然在谷歌列表中名列前茅，所以加上我的 2 美分：上面的答案有效，但没有解决原因；在我们的例子中，它是用上面的 css 替换它后丢失的 imageurl，在这种情况下，一个简单的解决方案是使用链接按钮来代替