我在html文档中的类定义中引用了一些SVG过滤器，如下所示...
<!DOCTYPE HTML>
<html lang="en">
<head>
<svg>
<filter id="red" color-interpolation-filters="sRGB" x="0" y="0" height="100%" width="100%">
<feColorMatrix type="matrix" values="1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0" />
</filter>
</svg>
<style>
.red {blend-mode:lighten; mix-blend-mode:lighten; opacity:1; -webkit-filter:url(#red); filter:url(#red);}
</style>
</head>
.......etc..
这具有我在Firefox中寻找的效果，导致Chrome挣扎然后崩溃。我的网页在iPhone Safari上根本无法工作（白屏）。
我是否已正确定义SVG并将其放置在正确的位置。还是定义类样式的方式有问题？