IE css修复所需的帮助。下拉列表中会出现矩形框

时间:2012-01-10 08:13:51

标签: css css3

check this page

您可以在右侧看到一些css下拉菜单。

在Google Chrome中正常工作

但在IE中,我看到一些矩形框

有谁能告诉我如何解决它?

由于

3 个答案:

答案 0 :(得分:0)

问题似乎是每个样式<div>中的选择框都是可见的。您可以通过在IE9中将每个<select>的不透明度设置为0,或者在较旧的IE中使用filter:alpha(opacity = 0)来修复它

答案 1 :(得分:0)

尝试将#unlockingp option的背景颜色明确设置为透明。

#unlockingp option {background-color:transparent}

出于某种原因,bg颜色似乎设置为rgb(10, 110, 143),这就是IE开发人员工具栏告诉我的。

答案 2 :(得分:0)

为什么不尝试使用CSS PIE - http://css3pie.com/

它允许您在IE6-9中使用CSS3功能而不会破坏其他浏览器。您可以使用CSS PIE添加圆角甚至渐变。特权是您不必使用图像,因此等待图像加载。 PIE为你做了所有繁重的工作。

如果您需要在矩形框中添加渐变,可以在此处生成渐变,然后在您选择渐变时复制右侧面板中的代码 - http://www.colorzilla.com/gradient-editor/

此外,您可以使用Jquery插件 - http://www.verot.net/jquery_select_skin.htm - 这有助于皮肤选择框。 注意:该插件在IE6中不起作用,但会正常降级。