自定义弹出窗口无法在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";
}