Javascript css中的过滤亮度功能在Edge、IE 11和Firefox上不起作用

在移动版本中，我无法使用CSS中的filter属性将徽标的颜色从黑色更改为白色。它适用于Chrome，但不适用于IE v11、Firefox和Edge。甚至filter属性也支持所有浏览器？我还尝试了javascript使其工作-没有成功。我不确定body标签中的

onload

函数是否是个好主意

CSS

HTML

Javascript

<script>
  function myFunction() {
    document.getElementById("logo").style.filter = "brightness(300%)";
    document.getElementById("logo").style.WebkitFilter = "brightness(300%)"; 
    document.getElementById("logo").style.msfilter = "brightness(300%)";
    document.getElementById("logo").style.mozFilter = "brightness(300%)";
    document.getElementById("logo").style.oFilter = "brightness(300%)"; 
  }
</script>

函数myFunction（）{
document.getElementById（“logo”）.style.filter=“亮度（300%）”；
document.getElementById（“logo”）.style.WebkitFilter=“亮度（300%）”；
document.getElementById（“logo”）.style.msfilter=“亮度（300%）”；
document.getElementById（“logo”）.style.mozFilter=“亮度（300%）”；
document.getElementById（“logo”）.style.oFilter=“亮度（300%）”；
}

根据说明，过滤功能在IE11中不起作用，只是在Edge中部分起作用。所以你的问题是Expectede11根本不支持

过滤器
。我想我要在Photoshop中将图像的颜色替换为白色-谢谢！
<div class="header">
    <a href="http://www.svrs.com"><img src="imgs/logo-svrs.png" class="logo-svrs" alt="Sorenson VRS"></a>
</div>

<script>
  function myFunction() {
    document.getElementById("logo").style.filter = "brightness(300%)";
    document.getElementById("logo").style.WebkitFilter = "brightness(300%)"; 
    document.getElementById("logo").style.msfilter = "brightness(300%)";
    document.getElementById("logo").style.mozFilter = "brightness(300%)";
    document.getElementById("logo").style.oFilter = "brightness(300%)"; 
  }
</script>