IE 7、Chrome 10 和Opera 11 不支持选择字段的 CSS 背景 - 选项?

发布于 2024-10-24 12:20:49 字数 186 浏览 4 评论 0原文

我使用下面的简单 css 代码来选择字段和除了 IE7、Chrome 10 和 IE7 之外,它适用于我测试过的所有浏览器。 Opera 11。

background: url(../images/standard-select-bg.png) no-repeat;

这些浏览器有哪些选项?

I am using the simple css code below for a select field & it works in all browsers that I have tested apart from IE7, Chrome 10 & Opera 11.

background: url(../images/standard-select-bg.png) no-repeat;

What are my options for those browsers?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

薔薇婲 2024-10-31 12:20:49

对于单个项目选择:

  • 使用background-color:透明时,Firefox 显示图像,Chrome 和 Opera 则不显示。
  • 使用background-color: rgba(0,0,0,0),所有浏览器都显示图像。

对于多个项目选择:

  • Opera 仅在使用 background-color: rgba(0,0,0,0) 时显示图像,Firefox 和 Chrome 在所有情况下均显示。

至少在 Opera 11.10beta 中工作

For single item select:

  • With background-color: transparent, Firefox shows image, Chrome and Opera doesn't.
  • With background-color: rgba(0,0,0,0), all browsers show image.

For multiple item select:

  • Opera shows image only when using background-color: rgba(0,0,0,0), Firefox and Chrome shows in all cases.

Working at least in Opera 11.10beta

飘逸的'云 2024-10-31 12:20:49

据我所知,这在 IE7 或 Opera 11 中根本不可能。

选择:

  • 忘记这些浏览器中的 background-image
    • 两者都没有大量的市场份额。为了一点小小的美容效果值得花额外的时间吗?
  • 使用 JavaScript 将

除非背景图像必不可少的,否则我会选择选项#1。

As far as I know, it's simply not possible in IE7 or Opera 11.

Choices:

  • Forget about the background-image in those browsers.
    • Neither has a massive amount of market share. It is worth spending extra time on them for a minor cosmetic effect?
  • Use JavaScript to replace the <select> elements with a "fake version".

Unless the background-images are essential, I'd go with Option #1.

懵少女 2024-10-31 12:20:49

我的网站是 http://arpitk.me.pn/ 并且它的背景图像在 Chrome 中也没有加载但在 firefox 上显示正常
所以我通过在 css 文件中使用 html {length:100%;} 修复了它,并且它在 chrome 中加载得很好
但 ie 和 opera 落后于它

my site is http://arpitk.me.pn/ and it's background images didn't loaded too in chrome but it showed fine on firefox
so i fixed it by using html {length:100%;} in css file and it loaded fine in chrome
but ie and opera lags it

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文