社区微信群开通啦,扫一扫抢先加入社区官方微信群
社区微信群
css background-color:rgba(); alpha 透明度 0-1
opacity:0-1 透明度
兼容:ie9+和标准浏览器
filter:Alpha(opacity=30); ?透明度值 是0-100的值 30 === 0.3 IE专属滤镜 兼容:ie9-
能实现背景和内容一起透明
因为IE默认透明度会向下传递 所以阻断透明度的传递
<h1>背景透明 内容不透明rgba</h1>
<div class="a">
<p>GTUKHYF</p>
</div>
.a {
background-color: rgb(255,105,180);
/* background-color: rgba(255,105,180,0.3);
rgba兼容:标准浏览器和ie9+
*/
filter: Alpha(opacity=30);
/* 不让透明度向下传递 阻断 1.把内容拿一个单独的盒子套起来 2. 设置这个内容盒子的定位为相对 父盒子为静态定位 */
position: static;
}
.a p {
position: relative;
}
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!