2011-03-18 79 views
0

我使用下面的简单的CSS代码的选择字段&它工作在我从IE7测试,除了所有的浏览器,Chrome浏览器10 &歌剧院11IE 7,Chrome 10和Opera 11不支持选择字段的css背景 - 选项?

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

什么是我对这些浏览器的选项?

+0

我认为这是相关的:http://stackoverflow.com/questions/380037/ie6-ie7-css-border-on- select-element你最好的选择可能是替换控件。 – 2011-03-18 21:57:00

回答

8

对于单项选择:

  • 随着background-color: transparent,Firefox的显示图像,Chrome和Opera没有。
  • 随着background-color: rgba(0,0,0,0),所有浏览器显示图像。

对于多个项目中进行选择:

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

在Opera 11.10beta

+0

+1,很好的工作,找到一种方法在Opera中做到这一点!我无法在Chrome中显示它(11.0。696.3 dev/Windows 7)或IE7(显然)与'背景颜色'虽然。 – thirtydot 2011-03-20 17:29:01

+0

非常好 - 谢谢! – Brett 2011-03-22 11:04:45

1

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

选择:

  • 忘掉这些浏览器的background-image
    • 没有一个海量的量的市场份额。值得花费额外的时间在他们身上以获得较小的美容效果?
  • 使用JavaScript将<select>元素替换为“假版本”。

除非background-images必不可少,我会跟选项#1去。

+0

我刚刚发现它在Chrome中也不起作用。出于某种原因,我错过了它。 – Brett 2011-03-19 17:07:21

+1

关于市场份额,这取决于在哪里。如果您拥有全球业务,那么您可能会谨慎对待这一说法。例如,查看不同国家(如东欧)的gs.statcounter.com。 – karlcow 2011-03-20 15:10:22

1

我的网站是http://arpitk.me.pn/和它的背景图片没有装入太多的Chrome,但它显示出在Firefox 罚款,所以我使用HTML {长度固定它至少工作:100 %;}在css文件中,它加载罚款铬 ,但ie和歌剧滞后它