設置一個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>

效果圖：