如何在opera中支持按钮的css背景图像属性

Question

css不支持opera网页浏览器按钮的背景图像属性。我使用css背景图像属性自己创建，但它不显示当我使用opera browser.when时，我使用火狐它看起来很好…但是我看到按钮背景图片支持opera中的一些网站，我怎么才能在opera网页浏览器中做呢？

例如：http://ikman.lk/en/ads-in-gampaha (参见这个网站的搜索按钮image...it在opera中出现得很好)

Answer 1

您链接到的网站只是简单地使用了一个内部带有span的button元素。跨度具有CSS渐变背景。在span内部是一个i元素，它有一个搜索图标背景图像。他们使用这个设置可能不是因为opera的问题，而是因为他们使用的是一个图像精灵，而嵌套的i元素可能会变得非常小，以至于即使按钮更大，精灵图像的其他部分也不会显示出来。

该按钮不会为渐变或图标做任何与背景相关的事情，所以Opera是否支持这一点并不重要。

顺便说一句，Opera现在正在使用闪烁引擎，所以如果Chromium和Chrome支持按钮上的属性，那么Opera从版本15开始也应该支持。

Answer 2

此图标不是按钮的直接css背景图像，而是放置在按钮内部的I elemnet的背景图像。

下面是html：

<button class="btn large search-btn" type="submit">
    <span>
         <i class="ico-search-btn"></i>
    </span>
</button>

然后他们给.ico-search-btn添加了一个背景。

你用这种方式试过了吗？