Question

名为.svgImage的CSS类应用于页面上的<div>。每次我调整浏览器窗口的大小时，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);
}

我有什么想法可以解决这个问题？

提前致谢！

Answer 1

你必须添加

background-position: right bottom;

工作小提琴https://jsfiddle.net/411dxm1n/1/

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

1 个答案: