为什么 svg 容器会破坏 rect css？
Why does svg container break rect css?
所以我试图在 svg 容器中渲染这些波 rects。
然而，渲染仅在这些矩形独立时才有效（删除 svg 包装器）。我怎样才能在不删除包装器的情况下让它工作。
CSS supported by SVG elements is limited。诸如 background-image 之类的东西不在该列表中并且不起作用。 SVG 不是 HTML。
SVG 2 会稍微扩展该列表，但仍不会与 HTML 相提并论。
当您删除 <svg> 包装器时，<rect> 元素不再是 SVG 元素并成为未知的 HTML 元素。未知的 HTML 元素被渲染（与 SVG 的另一个区别是不渲染未知的 SVG 元素）。
所以我试图在 svg 容器中渲染这些波 rects。
然而，渲染仅在这些矩形独立时才有效（删除 svg 包装器）。我怎样才能在不删除包装器的情况下让它工作。
CSS supported by SVG elements is limited。诸如 background-image 之类的东西不在该列表中并且不起作用。 SVG 不是 HTML。
SVG 2 会稍微扩展该列表，但仍不会与 HTML 相提并论。
当您删除 <svg> 包装器时，<rect> 元素不再是 SVG 元素并成为未知的 HTML 元素。未知的 HTML 元素被渲染（与 SVG 的另一个区别是不渲染未知的 SVG 元素）。