Question

在css当中使用opacity:0.5;属性设置了透明背景，之后上面的字设置白色不显示，求如何在透明背景上显示白

求如何在透明背景上显示白色字

Answer 1

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<style>标签中，输入css代码：

div {opacity:0.5;background-color: #0b93d5}  span {color: white;}

3、浏览器运行index.html页面，此时成功在透明度50%的背景上显示了白色的文字。

Answer 2

首先opacity是非IE浏览器的属性，IE要用滤镜 filter:alpha(opacity=50);
第二白色字不显示，是完全看不见，还是看不清楚？建议用Debug查看实时代码到底是透明度问题还是其他css兼容性问题，最好贴上你的代码和测试环境。

Answer 3

opacity:0.5;
-moz-opacity:0.5;
filter:alpha(opacity=50);
基本上写透明度的话这三段都要带上，不然的话就是你的写法有问题，可以把你的代码贴出来让大家看看！

Answer 4

background:rgba(0,0,0,0.5);会使背景变透明；opacity会让内容也变透明

追问

我要让背景仅仅透明50％怎么弄？

追答

就是用rgba,答案已给出