jquery弹出层，并且遮罩透明，随页面滚动
-
-
-
-
- 无标题文档
-
- body {
- font-family:Arial, Helvetica, sans-serif;
- font-size:12px;
- margin:0;
- }
- #main {
- height:1800px;
- padding-top:90px;
- text-align:center;
- }
- #fullbg {
- background-color:Gray;
- left:0px;
- opacity:0.5;
- position:absolute;
- top:0px;
- z-index:3;
- filter:alpha(opacity=50); /* IE6 */
- -moz-opacity:0.5; /* Mozilla */
- -khtml-opacity:0.5; /* Safari */
- }
- #dialog {
- background-color:#FFF;
- border:1px solid #888;
- display:none;
- height:200px;
- left:50%;
- margin:-100px 0 0 -100px;
- padding:12px;
- position:fixed !important; /* 浮动对话框 */
- position:absolute;
- top:50%;
- width:200px;
- z-index:5;
- }#dialog p {margin:0 0 12px;
- }
- #dialog p.close {
- text-align:right;
- }
-
-
-
- 点击这里看 jQuery 遮罩层效果.
