Question

我在文字后面有一张svg图片，图片有透明度，我希望文字的颜色为white，但我不知道为什么我只能看到文字如果我将颜色更改为black。我想知道在将图像转换为没有透明度的格式的选项旁边我可以做些什么。

的小提琴

＆＃13;

<div>
  <img src="https://svgshare.com/i/72b.svg" alt="Hand" style="position: absolute;/* width: 303px; */height: 100%;bottom: 0px;right: 0px;z-index: 0;">
  <div class="info_text" style="width: 870px;text-align: center;font-size: 21px;line-height: 2;color: rgb(255, 255, 255);margin: 0px auto;">Random text right here</div>
</div>

＆＃13;

Answer 1

z-index：-1就可以了。

while (1)

你也可以在div class =“info_text”上设置z-index：1。但请注意：z-index仅适用于定位元素（位置：绝对，位置：相对或位置：固定）。

Answer 2

将z-index: 0;更改为z-index: -1;

<div>
  <img src="https://svgshare.com/i/72b.svg" alt="Hand" style="position: absolute;/* width: 303px; */height: 100%;bottom: 0px;right: 0px;z-index: -1;">
  <div class="info_text" style="width: 870px;text-align: center;font-size: 21px;line-height: 2;color: rgb(255, 255, 255);margin: 0px auto;">Random text right here</div>
</div>

无法在svg图像上显示白色文字

2 个答案: