如何在IE8.0中实现网页设计中点击弹出层后，网页界面变暗淡，并且失效

Question

   以前做的一个网页弹出视频功能，能实现播放flv视频文件，显示在网页最前端，并且能随意移动，且关闭该层时视频同时被关闭；
   而昨天是希望实现一个新功能，也就是希望弹出该视频层时，网页界面变暗淡，并且全部失效，实现的方法是：在网页中添加一个层，使得点击弹出视频时触发该层，从而实现界面暗淡，并且失效的功能。实现代码为：
div id="pop1" style="z-index:1;background-color:#ffffff;filter: alpha(opacity=50);width:100%;height:100%;position:absolute;left:0px;top:0px;display:none"> 这是添加的一个层。
另外：
  在点击事件里加入代码：
      function Show(o1,o2) {
var o1 = document.getElementById(o1); 
var o2 = document.getElementById(o2);
o1.style.width = document.documentElement.scrollWidth; 
o1.style.height = document.documentElement.scrollHeight
o1.style.display = "block"; 
o2.style.display = "block"; }
最终结果：
   在IE6.0上运行时，网页可以正常运行，并且达到我想要的效果；
现在碰到的问题是：
   当网页在IE8.0上运行时，出现的问题有：当弹出视频时，不仅网页变暗淡失效，同时该层除了视频外，其它部位都暗淡并且失效掉，不能实现关闭、移动。
希望好心人帮帮忙！本人感激不尽！

Answer 1

用 jquery的 jquery blockUI 插件 简单方便成熟  还兼容

Answer 2

http://blog.csdn.net/bennman/archive/2010/04/14/5486172.aspx

Answer 3

我郁闷哪！
花了这么多钱，都没人愿意出来帮帮我，最后我已自行将该问题解决！、要是有人能帮我回复下面的问题，我就结帖了、我是个菜鸟，故碰到的问题N多，其实，我只想问一下，能否用CSS或者JS来设计一个网页的导航，这样就不用每个页面都写那么多代码，修改的时候也很方便。
CSS中如何插入文字，图片之类。