JQuery弹出窗口不透明度 $（文档）.ready（函数（） { $（“#翅膀”）。单击（功能（事件） { loadPopuBox（）； css（“背景”、“浅灰色”、“不透明度”、“0.4”、“过滤器”、“alpha（不透明度=40）”）； }); $（“#弹出关闭”）。单击（函数（事件） { unloadPopupBox（）； $（“body”）.css（“背景”，“#FFF”）； }); 函数loadPopuBox（） { $（“#popubox”）.fadeIn（“慢”）； } 函数unloadPopupBox（） { $（“#弹出框”）。淡出（“正常”）； } $（“#popubox”）.hide（）； }); #翅膀{上页边距：100px；左页边距：550px；字体：粗体13px无衬线；背景：橙色； 浮动：左；填充：6px；} #popupbox{位置：固定；_位置：绝对；/*用于IE6的hack*/背景：#FFF；左：472px； 顶部：150px；边框：2px实心浅灰色；填充：15px；z索引：100px； 字体大小：15px；-moz框阴影：0px 0px 5px浅灰色；-webkit框阴影：0px 0px 5px浅灰色； 长方体阴影：0px 0px 5px浅灰色；} #popupclose{边框：0px实心浅灰色；颜色：#6FA5E2；字体系列：无衬线；字体重量：粗体； 行高：15px；浮点：右；光标：指针；文本装饰：无；} 点击我 用户名： 密码：
我想要一个身体背景的不透明度：当我打开弹出窗口时，身体背景的不透明度应该是浅透明的。有人建议在jquery中设置不透明度吗？您可以尝试将不透明度设置为0.3，例如设置为主体，然后设置，然后设置为弹出窗口不透明度=1！重要的 这应该行得通JQuery弹出窗口不透明度 $（文档）.ready（函数（） { $（“#翅膀”）。单击（功能（事件） { loadPopuBox（）； css（“背景”、“浅灰色”、“不透明度”、“0.4”、“过滤器”、“alpha（不透明度=40）”）； }); $（“#弹出关闭”）。单击（函数（事件） { unloadPopupBox（）； $（“body”）.css（“背景”，“#FFF”）； }); 函数loadPopuBox（） { $（“#popubox”）.fadeIn（“慢”）； } 函数unloadPopupBox（） { $（“#弹出框”）。淡出（“正常”）； } $（“#popubox”）.hide（）； }); #翅膀{上页边距：100px；左页边距：550px；字体：粗体13px无衬线；背景：橙色； 浮动：左；填充：6px；} #popupbox{位置：固定；_位置：绝对；/*用于IE6的hack*/背景：#FFF；左：472px； 顶部：150px；边框：2px实心浅灰色；填充：15px；z索引：100px； 字体大小：15px；-moz框阴影：0px 0px 5px浅灰色；-webkit框阴影：0px 0px 5px浅灰色； 长方体阴影：0px 0px 5px浅灰色；} #popupclose{边框：0px实心浅灰色；颜色：#6FA5E2；字体系列：无衬线；字体重量：粗体； 行高：15px；浮点：右；光标：指针；文本装饰：无；} 点击我 用户名： 密码：,jquery,Jquery,我想要一个身体背景的不透明度：当我打开弹出窗口时，身体背景的不透明度应该是浅透明的。有人建议在jquery中设置不透明度吗？您可以尝试将不透明度设置为0.3，例如设置为主体，然后设置，然后设置为弹出窗口不透明度=1！重要的 这应该行得通 这里介绍了如何设置不透明度您可以做的最简单的事情是创建一个用于保存背景并更改其不透明度的div： <html> <head> <script src="jqueryv1.10.2.js"></script&g
这里介绍了如何设置不透明度您可以做的最简单的事情是创建一个用于保存背景并更改其不透明度的div：
<html>
<head>
<script src="jqueryv1.10.2.js"></script>
<script>
$(document).ready(function()
{
$("#wings").click(function(event)
{
loadPopupBox();
$("body").css("background","lightgray","opacity","0.4","filter","alpha(opacity=40)");
});
$("#popupclose").click(function(event)
{
unloadPopupBox();
$("body").css("background","#FFF");
});
function loadPopupBox()
{
$("#popupbox").fadeIn("slow");
}
function unloadPopupBox()
{
$("#popupbox").fadeOut("normal");
}
$("#popupbox").hide();
});
</script>
<style>
#wings { margin-top:100px; margin-left:550px; font:bold 13px sans-serif; background:orange;
float:left; padding:6px; }
#popupbox { position:fixed; _position:absolute; /*hack for IE6*/ background:#FFF; left:472px;
top:150px; border:2px solid lightgray; padding:15px; z-index:100px;
font-size:15px; -moz-box-shadow: 0px 0px 5px lightgray; -webkit-box-shadow:0px 0px 5px lightgray;
box-shadow:0px 0px 5px lightgray; }
#popupclose { border:0px solid lightgray; color:#6FA5E2; font-family:sans-serif; font-weight:bold;
line-height:15px; float:right; cursor:pointer; text-decoration:none; }
</style>
</head>
<body>
<div id="wings"> Click Me</div>
<div id="popupbox">
<!--div style="height:30px;"><a id="popupclose">Close</a></div>-->
<!--or-->
<div style="height:30px;"><img id="popupclose" src="close.png" style="float:right;"/></div>
<table>
<tr><td>USERNAME : </td><td><input type="text" size="30%"></td></tr>
<tr><td>PASSWORD : </td><td><input type="password" size="30%"></td></tr>
<tr><td><input type="submit" value="LOGIN"></td></tr>
</table>
</div>
</body>
</html>
#backgrounddiv {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: lightgray;
}
如果你正在做多个css，你需要这样做：
.css（{“背景”：“浅灰色”，“不透明度”：“0.4”，“过滤器”：“alpha（不透明度=40）”}）#backgrounddiv {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: lightgray;
}
$("#backgrounddiv").css({ "background":"lightgray", "opacity":"0.4","filter":"alpha(opacity=40)" })