Html 背景图像未正确定位

我试图将svg图像定位到屏幕的一角。我尝试添加背景位置：左上角；但它不起作用。我已经包括了我的代码和它在我的浏览器中的外观图片。我仍在努力找出问题所在

.div1{
背景图像：url（../images/back.svg）；
背景重复：无重复；
背景大小：100%；
背景位置：左上角；
高度：100vh；
}
P
P

---

谢谢

很可能，这是图像本身，它（svg）本身有边距，请在.div1中使用更好的值尝试此选项：

.div1 {
    background-image: url(../images/back.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top left;
    height: 100vh;
    transform: translate(-10px,-10px);
 }

我不知道像素的精确值，你需要更改它们

我希望有帮助：）

---

注意：此答案仅在svg有边距的情况下才有帮助，否则请参考其他答案

可能，这是图像本身，它（svg）本身有边距，请在.div1中尝试此选项，并使用更好的值：

.div1 {
    background-image: url(../images/back.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top left;
    height: 100vh;
    transform: translate(-10px,-10px);
 }

我不知道像素的精确值，你需要更改它们

我希望有帮助：）

---

注意：只有svg有边距时，此答案才有帮助，否则请参考其他答案，使用边框框的值为“背景原点”输入CSS属性，将图像放置在相对于边框框而不是默认填充框的位置。

为“背景原点”输入CSS属性使用边框框的值，该值相对于边框框而不是默认的填充框放置图像。

提供SVG图像。提供SVG图像。