Javascript 使用css将SVG粘贴到屏幕右下角

名为.svgImage的CSS类应用于页面上的

。每次调整浏览器窗口的大小时，svg图像都会正确调整大小，但它会在页面中不断移动

例如，垂直缩小浏览器窗口将使svg图像向上移动。水平方向上，较小的将向左移动svg

svg图像需要保持在右下角。将svg文件想象成一个四角正方形，右下角应该贴在页面的右下角

下面是div要粘贴的CSS：

.foo {
  background: url(images/GraphicElementDesktop.svg);
  opacity: 1;
  height: 45%;
  width: 33%;
  position: absolute;
  background-repeat: no-repeat;
  right: 0px;
  bottom: 0px;
  z-index: 5000;
  filter: alpha(opacity=25) progid:DXImageTransform.Microsoft.Alpha(opacity=25);
}

有没有办法解决这个问题

提前谢谢

您必须添加

background-position: right bottom;

---

工作小提琴

为什么会被否决？至少在投票前有人能告诉我吗？我看不到任何违反SO规则的内容。您可以将HTML添加为well@TobiObeck除了将类添加到正文中的div之外，没有任何html。如前所述：您的问题中没有明确说明这一点。寻求代码帮助的问题必须包括在问题本身中复制代码所需的最短代码，最好是以最短的代码形式。对不起，我现在已经编辑了CSS。现在请看一看？天哪，是的！非常感谢你！