Question

css中关于字体颜色的设置

首先我写了两个div：
<div id=“1”>
<div id="2">some text</div>

</div>
部分css如下：
#1｛
position:fixed;
left:0;
top:0;
bottom:0px;
right:0px;
background-color:#000;
opacity:0.15;
filter:alpha(opacity=15);
z-index:5000;
｝
#2｛
position:absolute;
left:50%;
top:50%;
margin-left:-196px;
margin-top:-203px;
padding:0;
border-style:solid;
border-width:1px;
border-color:#9999FF;
width:392px;
height:406px;
background-color:#EEEEEE;
color:#000000;
z-index:5001;
｝
问题：文字显示的颜色不对，太淡，看起来的效果好像是，id为1的图层在上面，文字从下面透过来似的。

Answer 1

#1 中的

background-color:#000;
opacity:0.15;

这两行 换成下面两行，如果不用兼容ie的话，就使用下面第一行就行了。

background-color: rgba(0,0,0,.15);
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#00000000', EndColorStr='#00000000')\9;

追问

为什么我的写法是错误的，不能显示出我要的效果。

追答

父元素设置了opacity属性，子元素的不透明度即为父元素的opacity 乘以自身的opacity值，所以，文字都会变得透明，即使设置了子元素的opacity = 1也是没有用的。

Answer 2

div1有透明度，div2里面的字体会继承这个透明度，所以字体颜色淡。

解决：

1. 你要把div2从div1里面移出来，不成为div的子元素，然后用定位放到div1上面
   

2. 不移出来，div1不设置透明度，改用半透明的png图片做背景，低版本ie不支持png背景透明，你需要另外找点小技巧使其透明

3. div1背景色用css3的RGBA颜色来设置，这个RGBA的透明度子级不会继承，可惜ie低版本不支持
   

Answer 3

css规范中没有font-color这个属性，所以设置该属性是不会对网页起作用的，你可以去w3school这个网站多看看，对初学css的人很有用

Answer 4

先不看你括弧里的css。。id不能以单独数字命名。。

追问

请抓住重点，这些代码是我现写的，只是为了表达我的意思，id改成什么无所谓。