当前位置: 首页 > 面试题库 >

CSS的不透明度只能是背景色,而不是文字吗?[重复]

仲孙翔飞
2023-03-14
问题内容

我可以将opacity属性分配给仅background属性div而不是其上的文本吗?

我试过了:

background: #CCC;
opacity: 0.6;

但这不会改变不透明度。


问题答案:

听起来您想使用透明背景,在这种情况下,您可以尝试使用以下rgba()功能:

rgba(R, G, B, A)

R(红色),G(绿色)和B(蓝色)可以是<integer>s或<percentage>s,其中数字255对应于100%。a(α)可以是<number>0到1之间的a
<percentage>,也可以是a ,其中数字1对应于100%(完全不透明)。

RGBa示例

rgba(51, 170, 51, .1)    /*  10% opaque green */
rgba(51, 170, 51, .4)    /*  40% opaque green */
rgba(51, 170, 51, .7)    /*  70% opaque green */
rgba(51, 170, 51,  1)    /* full opaque green */


 类似资料:
  • 问题内容: 我正在使用类似于以下代码的内容: 我希望这可以使背景的不透明度为0.4,文本的不透明度为100%。相反,它们都具有0.4的不透明度。 问题答案: 儿童遗传不透明。如果他们不这样做,那将会很奇怪和不便。 您可以为背景图像使用半透明的PNG文件,也可以为背景颜色使用RGBa(alpha表示)颜色。 例如,50%的黑色背景褪色:

  • 问题内容: 我使用PHP和GD库制作缩略图,但是我的代码将png透明度变成了纯黑色,是否有解决方案来改进我的代码? 这是我的PHP缩略图制作者代码: 谢谢 问题答案: 在imagecreatetruecolor()之后:

  • 本文向大家介绍使用CSS设置背景色的不透明度,包括了使用CSS设置背景色的不透明度的使用技巧和注意事项,需要的朋友参考一下 要设置背景色的不透明度,请使用不透明度属性和RGBA颜色值。 示例 您可以尝试运行以下代码来实现opacity属性:

  • 问题内容: 所以我有一个问题。我环顾四周,环顾四周,但没有运气。我想使我的身体背景透明,但使文本不透明。现在,我保持相同的不透明度。这是我的代码: 问题答案: 不要为此使用,而是将背景设置为RGBA值,以仅使背景半透明。在您的情况下将是这样。

  • 我有一个带有文本块的div元素和一个父div,我在其中设置了一个背景图像。现在我想降低背景图像的不透明度。请建议我怎么做。 提前谢谢。 编辑: 我希望通过编辑 html 内容来改变我的博客文章看待 blogger.com 的方式。html 代码如下所示: 我试图用 div 元素包围上面的整个代码,并分别设置每个 div 的不透明度,如下所示: 但它不起作用。

  • 我用JavaScript动态创建了背景颜色为<code>的对象:rgba(219219,219,40,1) ,带有内容。 对于其中的一些,我想编辑不透明度,rgba()func的第4个参数。我不能添加全新的CSS设置,因为颜色会改变,我必须保存它。 我只能使用CSS做什么?