Image 图像上的文本在firefox中工作正常，但在chrome中则不行

我正在尝试在图像上添加一些文本。我已经将图像的位置设置为相对，而文本的位置是绝对的。它在Firefox中运行完全正常，但在Chrome中却不行

我在Chrome上看到的只是一个图像

有人能帮我吗

我的代码：

这可能会对您有所帮助。 增加

添加了顶部和左侧位置以及z索引

参见示例

---

请给我们看一下您的代码好吗？一把小提琴就好了。进行了一些复制编辑，以提高代码片段的清晰度+语法突出显示。

<p class="call text-right hidden-xs tel">
    <a href="tel:+18003787566" style="position: absolute;
    top: 50px;
    left: 10px;
    padding: 6px;
    background-color: #292D30;
    font-size: 26px;
    padding-left: 100px;
    padding-right: 127px;
    z-index: 999;">Call: 1-800-378-7566</a>
</p>