Html CSS增加嵌套span标记的不透明度

Html CSS增加嵌套span标记的不透明度,html,css,Html,Css,我有一些文字在一个div,我不希望不透明的影响;我希望文本是100%完全不透明,但背景色是50%不透明 到目前为止,我一直没有成功 HTML: 结果:您可以使用RGBA颜色 。照片名称{ 位置:绝对位置; 底部:30px; 宽度:100%; 填充:0.5em; 文本对齐:居中; /*背景色:#666666*/ 背景色:rgba(102102,0.5); 颜色:#fff; /*不透明度:0.5*/ }您可以使用RGBA颜色 。照片名称{ 位置:绝对位置; 底部:30px; 宽度:100%; 填

我有一些文字在一个div,我不希望不透明的影响;我希望文本是100%完全不透明,但背景色是50%不透明

到目前为止,我一直没有成功

HTML:

结果:

您可以使用RGBA颜色

。照片名称{
位置:绝对位置;
底部:30px;
宽度:100%;
填充:0.5em;
文本对齐:居中;
/*背景色:#666666*/
背景色:rgba(102102,0.5);
颜色:#fff;
/*不透明度:0.5*/
}
您可以使用RGBA颜色

。照片名称{
位置:绝对位置;
底部:30px;
宽度:100%;
填充:0.5em;
文本对齐:居中;
/*背景色:#666666*/
背景色:rgba(102102,0.5);
颜色:#fff;
/*不透明度:0.5*/
}
好的,罗伯特。这个怎么样

解决办法是

rgba(102,102,102, 0.5);
rgba=红色、绿色、蓝色、阿尔帕海峡

(102102)=#666666

0.5=50%的透明度

查看下面的SO片段或这把分叉的小提琴

希望这有帮助

最好的

提姆

。照片名称{
位置:绝对位置;
底部:175px;
宽度:300px;
文本对齐:居中;
背景色:rgba(102102,0.5);
颜色:#fff;
填料顶部:.5em;
垫底:5em;
}

名称
好的,罗伯特。这个怎么样

解决办法是

rgba(102,102,102, 0.5);
rgba=红色、绿色、蓝色、阿尔帕海峡

(102102)=#666666

0.5=50%的透明度

查看下面的SO片段或这把分叉的小提琴

希望这有帮助

最好的

提姆

。照片名称{
位置:绝对位置;
底部:175px;
宽度:300px;
文本对齐:居中;
背景色:rgba(102102,0.5);
颜色:#fff;
填料顶部:.5em;
垫底:5em;
}

名称

html结构是否不灵活?它目前没有响应。html结构是否灵活?它目前没有响应。当我开始回答这个问题时,它不在那里。:-)回答得好。谢谢。当我开始回答这个问题时,他不在场。:-)回答得好。谢谢。@RobertRocha用什么方式?在代码段中,文本背景为50%透明,文本为纯白而非透明。我缺少一个要求吗?你在用什么浏览器?好的。我不能说,因为事情是不一致的,只是重新调整css定位。很高兴我能帮上忙。@RobertRocha以什么方式?在代码段中,文本背景为50%透明,文本为纯白而非透明。我缺少一个要求吗?你在用什么浏览器?好的。我不能说,因为事情是不一致的,只是重新调整css定位。很高兴我能帮忙。
rgba(102,102,102, 0.5);