2

我有这样的代码

<div>
  <select>
     <option>Option 1</option>
     <option>Option 2</option>
     <option>Option 3</option>
     <option>Option 4</option>
  <select>
</div>

div 有一个背景图像，应该可以通过选择框看到。我遇到的问题是 IE7，我无法将选择元素的背景颜色设置为透明。

编辑：图像只是向下箭头。文字是真实的文字。

我已经使用了这个 CSS，但它不起作用

background-color:transparent

这是一个屏幕截图，以帮助更好地理解

在此处输入图像描述

4

3 回答 3

1

你试过这个吗？

.transparent {
  filter: alpha(opacity=0);
  opacity: 0;
}

在 Web 开发方面，IE7 并不是你最好的朋友。有很多事情是行不通的。

但是，您可以使用一些不错的 javascript 插件来覆盖默认样式。

我个人在工作中使用这个。当我需要使用自定义下拉菜单支持 IE7 时。

于 2012-10-18T16:29:46.790 回答
0

由于您使用图像来显示文本，请尝试将字体大小设置为 0px：

字体大小：0px

于 2012-10-18T16:30:41.430 回答
0

从死里复活，但可能对其他遇到此问题的人有所帮助。

使用这个元，它必须是头脑中的第一件事

 <meta http-equiv="X-UA-Compatible" content="IE=Edge" />

这应该有效。

于 2013-09-27T15:01:23.193 回答