firefox變換比例使背景消失

我想創建一個相當「複雜」的按鈕（至少對我來說），並設法使它工作，直到我在Firefox上測試它。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的背景。更新小提琴。

任何想法和技巧，爲什麼它不工作，以及如何繞過？

感謝

來源

2017-08-29 Henri

對於您的信息：當我使用您的小提琴時，我看不到Chrome 60.0.3112.113（官方版本）（64位）和Firefox 55.0.3（32位）之間的任何區別。始終描述問題。「Firefox中的東西並不完美」並不是很具描述性。 –

同樣在這裏。並在IE11中。但告訴我，當屏幕很窄時，按鈕上的文字是否應該被切斷？ –

佈局沒有什麼大不了的，唯一不按預期工作的是該特定部分的縮放比例。在Firefox上使用時。當我在Firefox上的版本上打開我的文件時，沒有明顯的原因應用縮放時，背景就會消失。我知道不應該有任何問題，這正是我在這裏問的原因。 – Henri

好了，發現我犯了一個錯字，並來到了一個z-index的減號。談論一個愚蠢的錯誤。

來源

2017-08-31 00:39:58 Henri

問題仍然存在，爲什麼會導致Firefox和Chrome之間的差異？ –

firefox變換比例使背景消失

回答

相關問題