.popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); display: none; overflow: hidden; } .popup img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; cursor: zoom-in; }//放大图片设置ffunction showPopup() { var popup = document.getElementById("popup"); var popupImg = document.getElementById("popupImg"); var scale = 1; // 在设置弹出窗口中的图片之前获取弹出窗口的宽度和高度 var popupWidth = popup.offsetWidth; var popupHeight = popup.offsetHeight; // 计算图片应该在弹出窗口中居中显示的位置和缩放比例 var imgWidth = Math.min(popupWidth, popupImg.naturalWidth); var imgHeight = Math.min(popupHeight, popupImg.naturalHeight); var imgLeft = (popupWidth - imgWidth) / 2; var imgTop = (popupHeight - imgHeight) / 2; scale = Math.min(popupWidth / popupImg.naturalWidth, popupHeight / popupImg.naturalHeight); // 设置弹出窗口中的图片位置和缩放 popupImg.style.left = imgLeft + "px"; popupImg.style.top = imgTop + "px"; popupImg.style.transform = `scale(${scale})`; // 设置弹出窗口中的图片 popupImg.src = this.src; // 显示弹出窗口 popup.style.display = "block"; // 添加点击事件监听器，点击其他区域时隐藏弹出窗口 popup.onclick = function () { popup.style.display = "none"; }; }使用这段代码后，图片添加至网页后无法正常显示，切无法点击放大

根据你提供的代码，有几个可能的原因导致图片无法正常显示和放大：

1. 未正确设置弹出窗口和图片的ID属性：请确保`popup`和`popupImg`元素的ID属性与JavaScript代码中的`getElementById`方法中的参数匹配。

2. 未正确调用`showPopup`函数：请确保在点击事件或其他适当的时机调用`showPopup`函数。

3. 图片路径不正确：请确保`popupImg.src`指向正确的图片路径。

4. 弹出窗口和图片的CSS样式不正确：请确保`.popup`和`.popup img`样式与你的需求相匹配，特别是尺寸和定位属性。

如果你已经检查了上述问题并且仍然无法解决，请提供更多相关信息，例如完整的HTML结构和其他相关代码，以便更好地帮助你。