屏蔽iframe中的超链接-美女时钟演示


<div style="width:200px;height:320px; position:absolute;background-image: url(images/time.png); filter:alpha(opacity=0);top:919;left:172;"></div>
<iframe src=" http://www.bijint.com/gadget/gg.html"width="200" height="320" frameborder="0" scrolling="no" border="0"frameborder="0"></iframe>

演示可以看我博客的侧栏 图片时钟!
原理:在iframe上面覆盖一个DIV,DIV必须有背景色且透明。position为absolute,通过top和left属性控制该DIV的位置使之覆盖于iframe之上。这样iframe就被遮盖住,而里面的任何东西都点不了了。
transparent 透明
元素默认就是背景颜色透明的
background-color随便设一个值就不透明了……
BACKGROUND:transparent none repeat scroll 0% 0%
分别代表
背景属性:背景颜色 背景图片 背景是否重复 背景时候随浏览器滚动 背景平位置 背景垂直位置
background : background-color &#124;&#124; background-image &#124;&#124; background-repeat &#124;&#124; background-attachment &#124;&#124; background-position

transparent表示透明无颜色
none 表示没有设置背景图片
repeat 表示图片重复
scroll 表示背景图片随浏览器下拉而滚动
0%水平位置在x0
0%垂直位置在y0

这个试试是background 的默认这是 ,
也就是说 没有对background属性进行设置的时候 他就会使用这用设置
背景半透明 :
background-color:#000; filter:alpha(Opacity=10)

评论列表

此文章还没有评论。