我打开了控制台(chrome\firefox),并运行了以下代码:
$("body").append("<div id=\"popupFrame\" style=\"width:100%;height:100%;background-color:black;opacity:0.5;position:absolute;top:0;left:0;z-index:1;\" />");
$("body").append("<div id=\"popupContent\" style=\"width:200px;height:200px;z-index:1000;background-color:white;\" >dasdasdsadasdasdasdasdasd</div>");
#popupContent
应该在最上面,但受 #popupFrame
的不透明度影响。
这个内容不包含在 #popupFrame
中,这让事情变得非常奇怪。
目标是创建一个类似于 Firefox 弹出框的效果。