Safariでカスタムポップアップが開かない

Question

私のウェブサイトでカスタムポップアップを開こうとしています。ただし、Safariでは動作しません。

これは私がそれを呼び出す方法です：

<img id="product-1" class="product-box" src="images/image.jpg" onclick="openProduct(1)">

openProduct（）は、この処理を行います。

function openProduct(id){ 
    activeID=id; 
    openPopup(); 
    fillPopupContent(id); 
} 
function openPopup(){ 
    document.getElementById("popup").style="opacity:1;z-index:1000"; 
} 

それは他のブラウザではなく、Safariで完璧な作品。

関数にalert();を追加すると、成功した関数が呼び出されます。しかし、私はポップアップを見ることができません。

あなたがたのうち、いずれかの提案があれば...

Answer 1

styleプロパティは、スタイルのためのキー/値が含まれCSSStyleDeclarationオブジェクトを返す必要があります。

それは他のブラウザで動作する理由は、それが動作します**あなたが使用している構文が間違っているとして、それは

function openPopup(){ 
    var popup = document.getElementById("popup"); 

    popup.style.opacity = "1"; 
    popup.style.zIndex = "1000"; 
}