html - 如何支持 Opera 中按钮的 css 背景图像属性

标签 html css background-image opera

css 不支持 Opera 网络浏览器中按钮的背景图像属性。我使用 css 背景图像属性来创建自己的作品,但是当我使用 Opera 浏览器时它不会出现。当我使用 Firefox 时它看起来很好......但我看到按钮背景图像在 Opera 中正确支持某些网站我如何在 Opera Web 浏览器中做到这一点?

例如:http://ikman.lk/en/ads-in-gampaha (请参阅本网站的搜索按钮图片...它在 Opera 中显示良好)

最佳答案

您链接到的网站只是使用一个带有 span 的按钮元素。该跨度具有 CSS 渐变背景。跨度内是一个 i 元素,它有一个搜索图标背景图像。他们使用此设置可能不是因为 Opera 的问题,而是因为他们使用的是图像 Sprite ,并且嵌套的 i 元素可以做得很小,即使按钮更大, Sprite 图像的其他部分也不会显示。

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

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

关于html - 如何支持 Opera 中按钮的 css 背景图像属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23042300/

相关文章:

java - 如何使用html代码在新浏览器中播放avi视频文件

javascript - 获取div内最接近的img src

jquery - 使用 jquery 将容器的宽度增加 10 rem

html - 使用 Bootstrap 2.3.1 居中文本

reactjs - React-native:如何在布局( View )的背景中设置图像

javascript - 剧透部分打开后如何保持格式?

html - 内容从高度为 100% 的 div 溢出

html - 在 Bootstrap 2 中可以进行这种形式对齐吗?

php - 使用IP地址的HTTPS背景图像?

javascript - 如何通过 CSS 将 Logo 的大小设置为相同?