Safariでソリッドカラーを変更すると透明な背景が黒くなる

Question

headroom.jsを使用して、スクロール時にnavbarを表示/非表示にします。よく働く。上にスクロールすると、navは堅実な背景色を持ち、navが一番上にあるとき、背景は透明になります。 Chromeには問題はありませんが、Safariには問題はありません。

マークアップ：

<header class="headroom navigation"> 
<div> class="navigation__bg">...</div> 
</header> 

はCSS：

.headroom--not-top { 
    .navigation__bg { 
    background-color: red; 
    } 
} 

.headroom--pinned { 
    transform: translateY(0%); 
    .navigation__bg { 
     background-color: transparent; // becomes black on Safari most times 
    } 
} 

.headroom { 
    will-change: transform; 
    transition: transform .5s linear; 
} 

BGは黒になり、なぜ私が見傾けます。何らかの理由？あなたは

<div> class="navigation__bg">...</div> 

を持っている初心者のためのよく

Answer 1

それは次のようになります。（あまりにも早閉じ）

<div class="navigation__bg">...</div> 

第二に、あなたの

background-color: transparent; 

へ

background-color: white, rgba(255,255,255,0); 

01を設定します

サファリの透明=黒色透明（rgba（0,0,0,0））