求助提示层覆盖页面内全部内容后，如何禁止TAB或者Shift+TAB选到被覆盖内容？

如题，虽然直接DIV就覆盖了，鼠标点不到，但是我必须使TAB或者Shift+TAB也选不到后面被覆盖的内容（但是在提示层内的内容还需要可以用TAB选到，所以不能单纯禁用TAB键）。如果循环设置链接、输入框等元素disabled=true又太麻烦 不适用于多个页面的时候。请各路大虾指教~~~~谢谢
PS：主要考虑Opera 9.5+的应用即可~~比如如下代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/allMp3.css" rel="stylesheet" type="text/css" />
<style>
#mask {
position:absolute;
width:670px;
height:544px;
left:0px;
top:0px;
z-index:10;
}
#bgMask {
position:absolute;
z-index:11;
width:670px;
height:544px;
display:block;
background:#000;
opacity:0.7;
left:0px;
top:0px;
}
#maskIf{
position:absolute;
left:0px;
top:0px;
z-index:5;
}
#maskCon{
background:#FF6666;
position:absolute;
width:360px;
display:block;
margin:100px 135px;
padding:20px;
color:#FFF;
border:1px solid #F00;
z-index:12;
}
#maskBtn1{
width:60px;
font-size:18px;
padding:10px;
margin:0px auto;
}
</style>
</head>
<body><button id="mp3Btn_play" onclick="mask.style.display= mask.style.display == 'none' ? 'block' : 'none'; ">显示层</button>
<div id="mask" style="display:none;">
<div id="maskCon">
<p><a href="#">测试测试测</a>试测试</p>
<center><button id="maskBtn1" onclick="javaScript: mask.style.display= mask.style.display == 'none' ? 'block' : 'none';">确定</button></center>
</div>
<div id="bgMask"></div>
</div>
</body>
</html>