CSS 360浏览器RGB兼容问题
文章描述：
css 360浏览器和360极速浏览器rgb兼容问题
在开发的时候使用360浏览器或者360极速浏览器时使用rgb没有效果，原因是360浏览器和360极速浏览器使用的内核不一样。
模式
极速模式下采用的chrome内核，兼容模式是ie内核
兼容模式：
IE7
IE8
IE9
IE10
IE11
代码
html
<div class="container">
<div class="bd">模块</div>
</div>css
body,html{ margin: 0; padding: 0; }
.container{
width: 100%;
padding:120px 0;
background: #d52626;
text-align: center;
position: relative;
}
.bd{
width: 238px;
height: 100%;
position: absolute;
top: 0;
right: 54px;
display: block;
background: rgba(58,58,58,0.3);
}
解决方法：
1、在head里面添加
<meta http-equiv="X-UA-Compatible" content="IE=edge">2、css代码里面添加
-ms-background: #000;
filter: alpha(opacity=30);
发布时间：2022/01/20
发表评论