css - 搜索按钮 CSS 上的文本或图像

Question

我的网站有问题。在某些浏览器中，如 Safari、Opera、IE6 和 Chrome；当图像不存在或无法加载时，我会得到文本帮助(或图像帮助)。它出现在 lupe(搜索按钮)上，在每个浏览器中都能正确加载。例如，在 Opera 中，它在 lupe 上显示文本“图像”，在 Safari 中显示蓝色“？”，在 Chrome 中它显示带有几何图形的图像。

在 Firefox 中它工作正常。不知道是不是css的问题。顺便说一句，我使用的是 Joomla 1.7。

加载图片的代码是:

#search .search .button {
background: url("../images/search_but.gif") no-repeat scroll left top transparent;
    float: left;
    height: 20px;
    margin: 0;
    padding: 0;
    text-indent: -9999px;
    width: 26px;
    border: medium none;
}

提前致谢。

Answer 1

你有 src="/" 和 type="image"哪个是错的

要么使用:

<input type="image" value="Buscar" src="../images/search_but.gif" onclick="this.form.searchword.focus();">

或

<input value="Buscar" class="button" onclick="this.form.searchword.focus();">