1.使用rgba設定背景色的透明
效果如下：
<body> <p id="box"> 你好啊！ </p></body>body { background-color:red;}#box{ width:200px; height:200px; margin:100px auto; text-align:center; line-height:200px; color:white; background-color:rgba(182,255,0,.5);}
2.使用opacity設定背景色的透明
#box{ width:200px; height:200px; margin:100px auto; text-align:center; line-height:200px; color:white; background-color:rgb(182,255,0); opacity:0.5;}
總結：通過2中效果的比較我們發現opacity會同時影響字型的透明度
相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！
推薦閱讀：
用CSS3實現彈幕效果
href和src、link和@import有什麼區別
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
