僅使用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>
本文首發于前端黑洞網,博客園同步跟新
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/281988.html
標籤:jQuery
上一篇:electron-vue配置問題
下一篇:JS原生2048小游戲原始碼分享
