firefox变换比例使背景消失

Question

我正在尝试创建一个相当“复杂”的按钮（至少符合我的口味），我设法让它工作，直到我在firefox上测试它。

这是我的代码。

<div class="got_a_background">
    <li class="blue_link_wrap">
        <div class="contact_link button_anim"></div>
        <a href="contact.html"> 
        <div class="pos">
            <div class="border_white"></div>
                <p class="blue_link_en">contact</p>
                <p class="blue_link_jp">お問い合せ</p>
            </div>
        </a>
    </li>
</div>

https://jsfiddle.net/xvkszyvm/1/

加入一个工作小提琴，结果有点偏离主要是由于涉及其他文件，但想法就在那里。

我需要带有背景的按钮以及内部的其他边框。 在悬停时，背景图像应该缩放一点，以提供有关您正在做什么的反馈。不应对文本和白色边框应用缩放

整个事情在chrome和safari上完美运行，但在Firefox上没有。

编辑：显然，只有在父div上有背景时才会出现问题。更新了小提琴。

关于它为什么不起作用以及如何绕过它的任何想法和提示？

由于

Answer 1

好的，发现我输错了，并在z-index上得到一个减号。 谈论一个愚蠢的错误。