在做專案的過程中 用到了yahoo 的yui控制項，其中的datatable 很方便，但是有些時候要把點選table事件遮蔽，
於是便想到了用div+css的方法實現這一效果。
【效果圖】
總而言之，就是當某一事件被觸發時,例如 按鈕點選事件 。使乙個事先定義好的div 顯示， 並用css控制位置，其中的z-index屬性必須有，
值賦的越大，說明此div層在重疊時，在最上面。
其中要注意的地方：
【遮罩層的大小】
1、用js判斷你的顯示器解析度，獲取長與寬兩個引數，將這兩個引數賦給第二層的div，作為他的長與寬的畫素值，這樣的話，無論在多大或多小的顯示器上，都可以顯示同樣的效果
2、css樣式表：這種方法，只能提前設定好遮罩層的長與寬了，但是就會出現一些問題：如果你的遮罩層設定的寬度、長度很大，那麼在小顯示器上就會出現瀏覽器的滾動條～～反之則會出現遮罩不上的問題
因為做html模型，所以我用的第二種方法，有個不太合理解決的方式：我把瀏覽器的下方（橫向的）滾動條給禁用掉了。**是： 在css樣式表中寫入
html,body
【遮罩層樣式】
1、三個div層的樣式，position都要設為absolute;，因為只有設為absolute時，
z-index：屬性才會生效！
2、半透明屬性：filter:alpha(opacity=50); ie專有屬性， 設定層的透明度為 50% ，
-moz-opacity:0.5; 火狐ff 專有屬性，設定層的透明度為 50%。
這兩條屬性都要加上，因為ie、火狐對其中的單一一條並不相容～～～
還有一點，你的遮罩層樣式中，一定要設定 width 與 height ，否則 透明屬性不起效～～
3、z-index： 的順序，
z-index：屬性的值越小，則該層越在下方，最小值是1
【**示例】
1 覆蓋div
#apdiv8
2 事件呼叫
function
divh()
<
div
id ="apdiv8"
style
="display:none;"
>
<
input
type
="button"
id="btnadd"
style
="height: 30px; width: 100px;"
onclick
="divh()"
value
="div覆蓋"
/>
div css彈出層半透明遮罩層效果實現
背景半透明，覆蓋整個可視區域的遮罩層效果在工作中經常會遇到，這篇文章主要介紹了當內容超過一屏時如何做到多瀏覽器的相容性。下面我們通過乙個簡單的例子看看如何實現，高手請繞道。html 很簡單 1 半透明效果可以使用 css3 中的 opacity 屬性，在低版本的ie瀏覽器中使用ie的alpha 濾鏡...
div css實現框架布局
頭部和底部的高度固定，並且位置需始終保持不變，中間部分的可視高度為除去頭和尾的剩餘部分，實際高度則隨內容的多少自適應，如果實際高度超出了超出可視高度則出現滾動條 css部分 html,body dyhead,dyfoot dyhead dyfoot dycontent xhtml部分 中間大段的內容...
div css實現背景透明
重點內容入口 ie6和部分ie7核心的瀏覽器會讀懂rgba ie專屬濾鏡 filter alpha的相容處理 背景透明，文字不透明全相容方案 測試瀏覽器 virtie6 虛擬機器下xp的ie6 純正ie8 純正ie8下qq瀏覽器 win7下的ie 9.0.32 win8下的ie 10.0.21 ch...