360极速模式兼容性问题

最新推荐文章于 2021-08-03 19:12:29 发布

xiaoerlang715

最新推荐文章于 2021-08-03 19:12:29 发布

阅读量783

点赞数

CC 4.0 BY-SA版权

分类专栏： html css

本文链接：https://blog.youkuaiyun.com/xiaoerlang715/article/details/89884324

html 同时被 2 个专栏收录

4 篇文章

订阅专栏

css

3 篇文章

订阅专栏

博客主要介绍了在360兼容模式下的CSS属性不兼容问题及解决办法。包括opacity属性不显示，需添加各浏览器私有属性；hover不兼容，可用jquery模拟；rgba不兼容，给出了对应的filter解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

opacity在360兼容模式下不显示问题（在他的前面加上各个浏览器的私有属性）
opacity:0;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity: 0;
opacity: 0;
hover不兼容360兼容模式的处理（使用jquery模拟hover）
$(function(){
$(’.bnData_context1 ul li’).hover(function(){
$(’.context1_bgimgbox’).css(‘opacity’,‘1’)
},
function(){
$(’.context1_bgimgbox’).css(‘opacity’,‘0’)
}
)
})
rgba不兼容的解决办法
background: rgba(19,31,68,.66);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99131f44,endColorstr=#99131f44);margin:0 auto;text-align:center;padding-top:42px;}