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

-2

称为.svgImage的CSS类应用于页面上的<div>。每次调整浏览器窗口大小时，svg图片都会正确调整大小，但它会一直在页面上移动。使用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); 
}

任何想法如何，我可以解决这个问题？

在此先感谢！

来源

2017-02-25 Imdad

这是为什么越来越下降投票？至少有人可以在低调之前告诉我吗？我看不到任何违反SO规则的事情。 – Imdad

您可以添加HTML以及 –

@TobiObeck除了这个类被添加到正文中的div的事实之外没有任何html。 :) – Imdad

您必须添加

background-position: right bottom;

工作拨弄https://jsfiddle.net/411dxm1n/1/

来源

2017-02-25 15:01:30

对不起，我现在编辑了CSS。请现在看看？ – Imdad

我编辑了我的答案 –

Omg yes！非常感谢！ – Imdad

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

回答

相关问题