设置一个div在另一个div之上 实现遮掩效果，使用 position:relative

div默认的是 后面一个div根据前一个div来定位. 也就是相对定位;

而你这里需要的,实际上就是两个div根据他们的父容器来定位, 也就是绝对定位. 并且, 后面一个div覆盖到前一个上面.

这里做了一个遮掩透明效果

#contentBody,#conId,#coverContent{width:800px; height:200px;padding:0px; margin:0px;}

#contentBody{position:relative;z-index:1;}
#conId,#coverContent{position:absolute;}

#coverContent{display:none;z-index:2; background:#EBEBE4;filter: alpha(Opacity=50);-moz-opacity:0.4;opacity: 0.4;}

<div id="contentBody">
       <div id="conId"><textarea name="content" id="fcontent" class="con_txt {validate:{required:true}}" >${(m.content)!}</textarea></div>
        <div id="coverContent"></div>

 </div>

效果图：