Question

基本上，我有一个动画svg徽标，该徽标在Edge以外的所有浏览器中都可以正常使用，因此想知道是否有办法在Edge上查看时将其更改为静态svg，或者是否有人可以将Edge修复为动画svg ？

所有这些都很新，并使用了动画的svg生成器来生成svg，但是不知所措，无法解决这一问题。

<div class="logo">
<div class="custom">
<p>
<a href="/">
<img src="/img/ethos-tech-animated-logo.svg" alt="" class="l-black">
<img src="/img/ethos-tech-animated-logo-white.svg" alt="" class="l-white">
<img src="/img/ethos-tech-animated-logo.svg" alt="" class="l-color">
</a>
</p>
</div>
</div>

这是主要徽标，可以在以下位置找到当前结果：https://ethostec.net/

Answer 1

<?php
    if (preg_match('/Edge/i', $_SERVER['HTTP_USER_AGENT'])) {
?>
    //Static version of logo
<?php
    }else{
?>
    //Animated version of logo
<?php                       
    }
?>

Answer 2

这可以简单地通过使用JS或PHP来完成：

JS：

<script>
    if (/Edge/.test(navigator.userAgent)) {
        //It's Edge and you have to show the static logo
    }
</script>

PHP：

<?php
    if (preg_match('/Edge/i', $_SERVER['HTTP_USER_AGENT'])) {
        //It's Edge and you have to show the static logo
    }
?>

我需要什么跨浏览器CSS来切换图像/动画徽标

2 个答案: