css - 为什么在 Opera 12 中背景重复 : no-repeat doesn't work with . svg 图像？

Question

我在 Opera 12 中遇到了一个奇怪的问题:我有一个 .svg 图像链接在我的 css 代码中。当我调整大小以缩小显示图像的页面时，Opera 重复图像，就好像我没有在 background-repeat 中使用“no-repeat”值一样。我错过了什么？

这是我的 CSS 代码:

.svgImg {
    background: url("../img/img.svg") no-repeat;
    height:100%;
    width:100%;
}

我也试过这个:

.svgImg {
     background: url("../img/img.svg");
     background-repeat:no-repeat;
     height:100%;
     width:100%;
 } 

但是没有用。 为什么 Opera 会那样做？

Answer 1

尝试:

background-repeat:no-repeat!important;

在 Firefox v.88 上为我工作