Question

我正在使用安装了Visual Composer的wordpress网站。我被要求删除I.E 10+和Edge上的所有CSS动画，但是到目前为止我所尝试的一切都没有用，包括使用仅针对I.E＆amp ;;的浏览器黑客。边缘。

有没有人知道如何在CSS或JS中实现这个目标？

Answer 1

使用JS检测浏览器的用户代理字符串，以检测用户是在IE还是Edge上。

function isMicrosoft(){
    var agent = window.navigator.userAgent;

    var msie = agent.indexOf('MSIE ') 
    var msie11 = agent.indexOf('Trident/');
    var edge = agent .indexOf('Edge/');

    if(msie > 0 || msie11 > 0 || edge > 0) return true;
    else return false;
}

如果用户使用其中一个浏览器，则向<body>元素添加一个类。

if(isMicrosoft()){
    document.body.classList.add('has-ms');
}

然后在CSS中，您可以定位.has-ms类以禁用任何CSS动画

.has-ms .animated-item {
   animation: none; 
}

仅在Wordpress中删除I.E上的所有CSS动画

1 个答案: