IE 7、Chrome 10 和Opera 11 不支持选择字段的 CSS 背景 - 选项?
我使用下面的简单 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
对于单个项目选择:
background-color:透明
时,Firefox 显示图像,Chrome 和 Opera 则不显示。background-color: rgba(0,0,0,0)
,所有浏览器都显示图像。对于多个项目选择:
background-color: rgba(0,0,0,0)
时显示图像,Firefox 和 Chrome 在所有情况下均显示。至少在 Opera 11.10beta 中工作
For single item select:
background-color: transparent
, Firefox shows image, Chrome and Opera doesn't.background-color: rgba(0,0,0,0)
, all browsers show image.For multiple item select:
background-color: rgba(0,0,0,0)
, Firefox and Chrome shows in all cases.Working at least in Opera 11.10beta
据我所知,这在 IE7 或 Opera 11 中根本不可能。
选择:
background-image
。除非
背景图像
是必不可少的,否则我会选择选项#1。As far as I know, it's simply not possible in IE7 or Opera 11.
Choices:
background-image
in those browsers.<select>
elements with a "fake version".Unless the
background-images
are essential, I'd go with Option #1.我的网站是 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