需要在svg上定位元素-背景

文章/答案/技术大牛

发布

1回答

SVG背景图像缩放问题

css、svg、pixel

我使用SVG (白色三角形)作为前伪元素上的背景图像，如图像中所示。如果我将高度设置为与SVG相同的大小，它就没有半像素线。但是，由于我需要这个响应，我已经设置了背景大小为“掩护”(如果我使用“包含”相同的结果)。background:#d02139 url(http://ranfurlie.website.2018.360southclients.net:8080/img/icon-triangle-white.svgS

浏览 1提问于2018-05-07得票数 1

回答已采纳

1回答

css、svg、background、css-position、responsive

我正在尝试创建一个以SVG为背景的容器。问题是如果调整视区的大小(响应式)，我的元素不会出现在蓝色的SVG环上，因为svg的位置会发生变化。SVG的位置必须是固定的，并且不能随其大小而改变。flex-direction: column; background-image: url(https://svgshare.com/i/Vt2.svgheight:

浏览 31提问于2021-04-07得票数 0

2回答

iPhone使用svg忽略背景位置

iphone、css、svg、mobile-safari、background-position

我在一个简单的锚元素上使用svg背景图像，并需要将图形定位到该元素的右侧。svg -在iPhone - 上</e

浏览 5提问于2013-03-06得票数 2

1回答

如何在调整大小时将背景图像剪辑放在左侧而不是右侧

css、background-image

每当我调整窗口的大小时，我的背景图像就会被剪裁在右边，而左边的图像大小则保持不变。有没有任何方法来扭转这种行为，并使背景图像剪辑在左侧？

浏览 1提问于2014-10-06得票数 4

回答已采纳

1回答

创建按百分比或像素填充不同背景颜色的svg矩形

html、css、knockout.js、svg

我想用javascript动态创建svg矩形。这些矩形应该是一种2D图形条，填充了多种背景颜色，就像这样：svg有没有可以处理多种背景颜色的形状？我不想使用多个矩形并试图定位它们...事件会更好，如果有一种堆栈面板，我可以放入子元素中… 因为我想把这些元素绑定到knockoutjs上。

浏览 10提问于2013-06-12得票数 4

回答已采纳

3回答

如何在iframe上定位SVG元素？

javascript、jquery、html、css、svg

我需要在iframe上定位一个SVG元素。 <rect id="svg-test

浏览 3提问于2015-04-10得票数 1

回答已采纳

3回答

背景图像上的Css绝对定位元素(响应)

css、responsive-design、background、css-position、absolute

我有一个响应的背景图像，所以它的宽度和高度变化时，调整屏幕。在这个背景下，有一个位置绝对的元素。现在，我的问题是，当调整屏幕大小时，绝对定位元素不会跟随它在背景图像上的位置。这是我的HTML代码： <img class="box" src="factory.svg

浏览 3提问于2017-03-22得票数 1

回答已采纳

1回答

SVG文本不在Safari上呈现，但在Chrome上呈现

google-chrome、svg、safari

我有一些在中间有文本的SVG组件-这个文本在Chrome上渲染得很好，但在Safari上就不出现了。以下是两种浏览器之间的区别： ? ? 我不确定问题出在哪里。我该如何解决这个问题？editors=1100 我已经使用以下代码完成了这项工作： <svg style="width: 250px; height: 250px" class="progress-card"

浏览 27提问于2021-01-12得票数 0

2回答

在给定位置(x，y)的情况下，获取SVG元素的最快方法是什么？

javascript、jquery、svg、d3.js

我会用从原始SVG中获取SVG元素。但在运行我的代码时，会在原始SVG上放置一个网络。所以它返回网络顶点，而不是后面的svg元素。所以我有圆(顶点)和背景形状。我需要得到一个圆圈(顶点)后面的<e

浏览 4提问于2014-09-03得票数 3

3回答

如何在内联SVG上放置HTML元素

html、css、svg

我可以使用z-index以任何我喜欢的顺序将各种HTML元素放在彼此的上方，除了内联SVG中的某个元素。例如，给定HTML <p>Text before SVG./svg"> </svg&g

浏览 3提问于2015-10-24得票数 22

回答已采纳

1回答

javascript、html、selenium、svg、selenium-webdriver

在我需要右击的部分背景层中有一些svg元素。这些svg元素位于一个不可见的不同层中。下面是html代码正如你所看到的我需要在指定的行上执行右键单击。我能够使用xpath下面的特定行元素来定位 @FindBy(

浏览 5提问于2016-10-27得票数 1

4回答

有没有像使用CSS3的底部导航这样的iphone预建示例？

iphone、css、mobile-safari

有没有像使用CSS3的底部导航这样的iphone预建示例？有没有可能在CSS3中制作这些没有图像的图标？

浏览 1提问于2011-04-14得票数 3

回答已采纳

1回答

在单独的d3元素的背景色(但不是内容)顶部的HTML元素

d3.js、svg、geojson

另一个div位于背景地图的顶部。奇怪的是，覆盖div的内容(文本和按钮)出现在地图上，就像预期的那样。但是覆盖层的背景色是可见的，但是它在地图的svg元素后面。我知道SVG是根据何时添加到DOM来呈现的，但是由于它们在DOM中前面出现的div中，而且更重要的是，该覆盖div的其余部分都在SVG的顶部，有人能解释为什么背景颜色在svg元素后面吗？

浏览 3提问于2016-12-23得票数 2

回答已采纳

2回答

在一个角度组件上添加多个背景，并保持它们彼此对齐和响应

html、css、angular

我在一个与angular 7的宣传网站上工作，设计师给了我2张相互完成的背景图片，其中1张是真实的镜头，其中一个突出显示的部分(已经在照片中)应该与其他背景对齐。我也应该使用img标签或背景css。2)解决这类问题的更好方法是什么(我应该要求设计师给我所有元素的完整背景吗？)我使用了position: absolute和position:relative来将元素插入到背景之上，但这会使一切变得混乱。app-join-company"></

浏览 27提问于2019-07-04得票数 0

点击加载更多

SVG背景图像缩放问题