通过CSS屏蔽iframe中的超链接
原理：在iframe上面覆盖一个DIV，DIV必须有背景色且透明。position为absolute，通过top和left属性控制该DIV的位置使之覆盖于iframe之上。这样iframe就被遮盖住，而里面的任何东西都点不了了。
步骤一：
新建一个文档，命名为A.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=gb2312" /> <title>无标题文档</title> </head> <body> <div style="width:800px;height:200px;position:absolute;filter:alpha(opacity=0);top:0;left:0;"></div> <iframe style="margin-top:6px;float:left;" src="http://my.daozhou.net;" width="800px" height="200px" frameborder="0" scrolling="no" allowTransparency="true"/> </body> </html>
步骤2二：
使用框架调用A.html文档：
<iframe width="800" height="200" src="a.html" frameborder="0" scrolling="no" allowTransparency="true"></iframe>
这样就顺利地实现了iframe无链接点击。
<< 上一篇