div遮罩问题

有两个DIV,其中第一个div左侧显示的是一幅图片（带链接），右侧是说明文字（带链接），由于文字链接是到其他网站的，我想用另一个DIV做成透明的将说明文字罩住，而图片的链接是我自己网站的，所以不想罩，希望网页在移动，变大小时能始终罩住说明文字，那位高手帮忙解决一下，最好带代码，javascipt的，万分感谢！

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

文字链接div {position:relative;}
遮蔽层div {width:100%;height:100%;position:relative;left:0xp;top:0px;}
透明度什么的，LZ自己设置吧
是这样吗？
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>aaaaaa</title>
<style>
#div1 {position:relative;}
#div2 {width:100%;height:100%;position:relative;left:0xp;top:0px;}
</style>
</head><body>
<div id="divp1"><a href="a.html">aaaaaa</a><div id="divp2">bbbbbbbbb</div></div>
</body></html>
没遮住啊。
#divp1
#divp2上面CSS写错了，但改过来还是遮不住
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>aaaaaa</title>
<style>
#divp1 {position:relative;}
#divp2 {width:100%;height:100%;position:absolute;left:0xp;top:0px;z-index:10;}
</style>
</head><body>
<div id="divp1">  <div id="divp2">bbbbbbbbb</div>  <a href="a.html">aaaaaa</a>
  </div>
</body></html>写错了不好意思
<!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" />
<title>无标题文档</title>
</head>
<style type="text/css">

</style>
<body>
<div id="float_service">
  <div class=""></div>
  <div class="pic_box"><img src="http://c.csdn.net/bbs/t/5/i/pic_logo.gif" border="0" usemap="#float_service" /></div>
  <div class="_word">要被遮拦的文字</div>
</div>
<script type="text/javascript">
    //ie 6
    if(/MSIE 6.0/ig.test(navigator.appVersion))
    {
  var winHeight=document.documentElement.clientHeight;
  window.onscroll=function(){
document.getElementById("float_service").style.top=Math.floor(winHeight-155)+parseInt(document.documentElement.scrollTop)+"px";
  };
    }
</script>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <script type="text/javascript">
function init() {
var px = "px";
var isIE = /msie/i.test(navigator.userAgent);
var fontDiv = document.getElementById("font");

var pos = getPosition(fontDiv); var scriptDiv = document.createElement("DIV"); scriptDiv.style.position = "absolute";
scriptDiv.style.left = pos.left + px;
scriptDiv.style.top = pos.top + px;

scriptDiv.style.height = fontDiv.offsetHeight + px;
scriptDiv.style.width = fontDiv.offsetWidth + px;
document.body.appendChild(scriptDiv);
} function getPosition(target) {
var left = 0, top = 0; do {
left += target.offsetLeft || 0;
top += target.offsetTop || 0;
target = target.offsetParent;
} while(target);
return {
left: left,
top: top
};
} window.onload = init;  </script>
</HEAD> <BODY>
  <div>
<div></div>
<div><img src="http://c.csdn.net/bbs/t/5/i/pic_logo.gif" border="0" usemap="#float_service" /></div> <div id="font">要被遮拦的文字<input></div>
</div>
<input>
</BODY>
</HTML>
试试看
稍微优化了下，加入了改变大小的代码<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <script type="text/javascript">
function init() {

var fontDiv = document.getElementById("font");

var pos = getPosition(fontDiv); var scriptDiv = document.createElement("DIV"); scriptDiv.id = "scriptDiv";
scriptDiv.style.zIndex = 20000; changePos(scriptDiv, fontDiv, pos); document.body.appendChild(scriptDiv);
} function getPosition(target) {
var left = 0, top = 0; do {
left += target.offsetLeft || 0;
top += target.offsetTop || 0;
target = target.offsetParent;
} while(target);
return {
left: left,
top: top
};
} function changePos(target, source, pos) {
var px = "px";
target.style.position = "absolute";
target.style.left = pos.left + px;
target.style.top = pos.top + px;

target.style.height = source.offsetHeight + px;
target.style.width = source.offsetWidth + px;
} window.onload = init;
window.onresize = function() {
var scriptDiv = document.getElementById("scriptDiv");
var fontDiv = document.getElementById("font"); var pos = getPosition(fontDiv); changePos(scriptDiv, fontDiv, pos);
}
  </script>
</HEAD> <BODY>
  <div>
<div></div>
<div><img src="http://c.csdn.net/bbs/t/5/i/pic_logo.gif" border="0" usemap="#float_service" /></div> <div id="font">要被遮拦的文字<input></div>
</div>
<input>
</BODY>
</HTML>