コンソール (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を作成することです