问问题
5693 次
1 回答
2
不要去background-color:rgba
,而是使用opacity:x
。IE9、Chrome、FF、Opera 和 Safari 使用它来实现透明度。例如:
<select style="opacity:0.5;">
不透明度取值介于 0(完全透明)和 1 之间。
尽管您主要针对现代浏览器,但对于 IE8 和更早版本,您必须使用filter:alpha(opacity=50)
(关于上面的示例;此处的 opacity 接受 0 到 100 之间的值)。
所以总而言之
<select style="opacity:0.5;filter:alpha(opacity=50);">
为您提供现代浏览器以及 IE8 及更早版本支持的半透明选择控件。
使用这种技术,选择子选项也将获得指定的不透明度,因此选项标签的文本也将淡出。
Mikkel Fausing 发现background-color:rgba(r,g,b,a)
与 with 结合使用-webkit-appearance: none;
不会淡化文本,但是 - 如果应用于选择 - 它会删除指示此控件是下拉框的小箭头。例如:
<select style="background-color:rgba(0, 0, 0, 0.2); -webkit-appearance:none;">
于 2012-11-09T08:51:57.363 回答