蒙版效果

<div class='odialog-shader />

.odialog-shader {
background-color:#f0fccc;
left:0pt;
opacity:0.38;
position:absolute;
right:0pt;
top:0pt;
width:100%;
z-index:40;
}


[code]
.odialog-shader-iframe {
left:0pt;
opacity:0;
position:absolute;
right:0pt;
top:0pt;
width:100%;
}
table#odialog-box-container {
left:0pt;
margin:0pt;
position:absolute;
width:100%;
}
table#odialog-box-container td {
height:100%;
text-align:center;
vertical-align:middle;
width:100%;
}
table#odialog-box-container td div {
margin:0pt auto;
}
#odialog-wrapper {
text-align:center;
}
#odialog-container {
height:100%;
position:absolute;
top:0pt;
width:100%;
z-index:50;
}
.owindow {
background-color:white;
border:2px solid #BBBBBB;
position:absolute;
text-align:left;
width:50em;
}
.owindow .close {
cursor:pointer;
float:right;
font-size:85%;
padding:0.2em 0.4em;
}
.owindow .title {
background-color:#F5F5F5;
cursor:move;
font-size:120%;
font-weight:bold;
height:1%;
padding:0.2em 1em;
}
.owindow .content {
padding:0.5em 1em;
}
.owindow .button-bar {
margin:0.5em;
padding:0.2em 1em;
text-align:right;
}
.owindow .button-bar input {
padding:0pt 0.5em;
}
.owindow .button-bar a {
background-color:#F4F4F4;
border:1px solid #AAAAAA;
margin:0.2em;
padding:0.1em 1em;
text-decoration:none;
}
.owindow .button-bar a:hover {
background-color:#DDDDDD;
}
.owindow.owait {
width:auto;
}
.owindow.owait .content {
background-image:url(http://test.wikidot.com/common--theme/base/images/progress/progressbar.gif);
background-position:center bottom;
background-repeat:no-repeat;
margin:10px;
padding:0pt 50px 20px;
}
.owindow.osuccess {
width:auto;
}
.owindow.osuccess .content {
margin:10px;
padding:0pt 50px;
}
.box444 {
background-color:white;
left:10px;
top:10px;
width:40%;
}
.box444 .button-bar {
background-color:#DDDDDD;
padding:0.3em 1em;
text-align:right;
}
.hovertip {
background-color:#F3F3F3;
border:2px solid #888888;
display:none;
width:20em;
z-index:100;
}
.hovertip .title {
font-size:110%;
font-weight:bold;
padding:0.2em 0.5em;
}
.hovertip .content {
padding:0.2em 0.5em;
}
[/code]


[code]

<div id="odialog-shader" class="odialog-shader" style="height: 760px;"/>
<div id="odialog-container" style="display: block;">
<div id="owindow-1" class="owindow error" style="visibility: visible; left: 177px; top: 46px;">
<div id="ohandle-1" class="title">Permission error</div>
<div class="content">
<h1>Oooops!</h1>
<p>Sorry, you can not create a new page in this category. Only members of this site, site administrators and perhaps selected moderators are allowed to.</p>
</div>
<div class="button-bar">
<a class="button button-close-message" href="javascript:;">close message</a>
</div>
</div>
</div>
[/code]