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>
效果图: