2021-04-30

如何使用CSS为文本或图像提供透明背景?

仅使用CSS,是否可以使background元素的元素半透明,但元素的内容(文本和图像)不透明?

我想在不将文本和背景作为两个单独的元素的情况下完成此操作。

仅使用CSS,是否可以使background元素的元素半透明,但元素的内容(文本和图像)不透明?

我想在不将文本和背景作为两个单独的元素的情况下完成此操作。

 

仅使用CSS,是否可以使background元素的元素半透明,但元素的内容(文本和图像)不透明?

我想在不将文本和背景作为两个单独的元素的情况下完成此操作。

 

仅使用CSS,是否可以使background元素的元素半透明,但元素的内容(文本和图像)不透明?

我想在不将文本和背景作为两个单独的元素的情况下完成此操作。

 

仅使用CSS,是否可以使background元素的元素半透明,但元素的内容(文本和图像)不透明?

我想在不将文本和背景作为两个单独的元素的情况下完成此操作。

 

尝试时:

 

p { position: absolute; background-color: green; filter: alpha(opacity=60); opacity: 0.6;}span { color: white; filter: alpha(opacity=100); opacity: 1;}
<p> <span>Hello world</span></p>

解决方案:

使用半透明的PNG图像或使用CSS 3:

background-color: rgba(255, 0, 0, 0.5);

这是来自css3.info,不透明度,RGBA和妥协的文章(2007-06-03)。


 

<p style=""> <span>Hello, World!</span></p>

本文首发于前端黑洞网,博客园同步跟新

 






 
 
 












原文转载:http://www.shaoqun.com/a/717753.html

跨境电商:https://www.ikjzd.com/

houzz:https://www.ikjzd.com/w/236

新蛋:https://www.ikjzd.com/w/79


仅使用CSS,是否可以使background元素的元素半透明,但元素的内容(文本和图像)不透明?我想在不将文本和背景作为两个单独的元素的情况下完成此操作。仅使用CSS,是否可以使background元素的元素半透明,但元素的内容(文本和图像)不透明?我想在不将文本和背景作为两个单独的元素的情况下完成此操作。仅使用CSS,是否可以使background元素的元素半透明,但元素的内容(文本和图像)不透
环球华网:https://www.ikjzd.com/w/1063
stadium:https://www.ikjzd.com/w/2729
周宁:https://www.ikjzd.com/w/1647
Clicks and Mortar:https://www.ikjzd.com/w/1838
重要通知!!关于"亚马逊新政策"第三方卖家的一些条款修改:https://www.ikjzd.com/home/104757
老公保姆贴身练双人瑜伽:http://lady.shaoqun.com/a/270513.html

No comments:

Post a Comment