Question

遇到一些问题......

<span style='position: relative; font-size:0px;'>
    <a href="x.php?x=1898&y=2019">
        <img  style='background:url(images/4.png)' class='xyz' data-alt-src='images/X.png' data-x='y' data-coords='1898, 2019' src="images/4.png"  />
    </a>
    <span style='position:absolute; display:block; right:0px; bottom:0px; font-size:15px; background-color:green; color:white; line-height:0px;'>&nbsp; 8 &nbsp;</span>
</span>

我所拥有的是众多代码之一，每个代码块都覆盖了图像上的文本（在本例中为8）。每个代码块都相互对立，然后有换行符来创建多行等等。

问题是position:absolute和background-color:green。没有absolute positioning，background is green，但它没有覆盖，absolute positioning，没有背景颜色。

如何轻松快速地解决问题？

Answer 1

您需要从内联样式中删除/更改以下内容：

line-height:0px;

例如，使用以下方法尝试：

line-height:10px;

您还需要根据需要操纵绿色范围的大小。

跨度位置绝对剥离背景颜色

1 个答案: