iframe无边框与iframe背景透明的实现方法

发布时间:2021-01-04编辑:脚本学堂
本文介绍下,实现iframe无边框,以及让iframe背景透明的方法,有需要的朋友,参考下吧。

1,iframe无边框

<iframe src=”test.htm” id=”test” frameborder=”no” border=”0″ marginwidth=”0″ marginheight=”0″ scrolling=”no” allowtransparency=”yes”></iframe>

iframe默认带有立体感的边框,用css的border-style属性是不能去掉的。
只有通过在iframe标签内部用 frameborder=”no” border=”0″ 这个两个属性才能把边框去点,但是css中未找不到与这两个属性对应的东东。

2,iframe背景透明
通常iframe背景是白色的,在不同浏览器下可能会有不同的背景颜色,在主页面有一个整体的背景颜色或者背景图片的时候,iframe区域便会出现一个白色块,与主体页面很不协调,此时就需要让iframe背景透明。

主要是用到一个特殊的特性:

allowtransparency=”true”

2.1 首先,在框架代码中加入allowtransparency属性:

<iframe frameborder=”0″ scrolling=”no” width=”780″ height=”160″ src=”#” allowtransparency=”true”></iframe>

2.2 把嵌入iframe中的页面<body>修改为:

<body style=”background-color:transparent”>

有关iframe不出现边框,以及让iframe背景透明的办法,就介绍到这里了,希望对大家有所帮助。