我制作了一个半透明的 svg。这是一个 50% 不透明度的圆形金属纹理。当我把它放在任何其他颜色之上时，它看起来就像真正的金属。它是使用 Illustrator 制作的，并具有 2 种效果:Pixelate>Mezzotint>GrainyDots 和 Blur>RadialBlur。然后我做了一个剪贴蒙版。这是它的链接 https://dl.dropbox.com/u/99185097/metalTex.svg .当我正常打开它时，它可以正确查看，但是当我将它用作我的 HTML5 页面的 CSS3 背景时，它无法打开。我确信这不是我的 CSS 编码的错，因为当我使用另一个非常简单的 svg 作为背景时，它会打开。我认为这可能是 Illustrator 的效果，当您将它用作背景时，它们可能看不到。这些效果也使它成为 4.46mb。请提出解决方案。将其设为 png 是行不通的，因为有时它需要覆盖非常长的页面。
最佳答案
请正确展开您的矢量文件，保存并再次将其导出为 svg 文件并作为背景。它现在可能会起作用。
关于html - Svg 不能用作背景，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15837157/