一、iframe 的邊框很難看,想去掉,使用CSS的border:none在IE(8)上沒有,只能用iframe 自帶屬性frameBorder="0"來設置。
二、iframe與邊框有關的幾個參數:
(1)邊框顯示:
語法:frameborder=0、1
說明:該屬性規定是否顯示浮動幀邊框。
0:不顯示浮動幀邊框;
1:顯示浮動幀邊框。 (默認)
示例:<iframe src="iframe.html" frameborder=0>
(2)邊框厚度:
語法:border=#
說明:該屬性指定浮動幀邊框的厚度,取值為正整數和0,單位為像素。為了將浮動幀與頁面無縫結合,border一般等於0。
示例:<iframe src="iframe.html" border=1>
(3)邊框顏色:
語法:bordercolor=color
說明:該屬性指定浮動幀邊框的顏色。color可以是RGB色(RRGGBB),也可以是顏色名。
示例:<iframe src="iframe.html" bordercolor=red>
在IE8下面測試,border、bordercolor 根本不起作用。所以想調通過iframe 自帶的屬性調整iframe的邊框是沒有辦法。
三、可以通過iframe 的frameborder屬性與CSS相結合來給iframe加邊框 例如:
- <iframe id="checkListFrame" name="checkListFrame" src="http://www.baidu.com" frameBorder="0" style=" border: #ff7c12 1px solid;" scrolling="no"></iframe>
<iframe id="checkListFrame" name="checkListFrame" src="http://www.baidu.com" frameBorder="0" style=" border: #ff7c12 1px solid;" scrolling="no"></iframe>
設置frameborder為0,然后設置css中的border屬性,注意border屬性一定要是1px solid red ,不能少了px, 也就是說如果值是的1 solid red 是無效的,有時候粗心會忘記。
總結:(1)其實IE解析iframe的屬性是有點奇怪的,在CSS中設置border:none不起作用,必須設置frameborder為0,但是又支持border:1px solid red 這樣的屬性。
(2)即使設置了border:1px solid red 也要把frameborder設為了0,如果不設為0,IE會加兩層邊框,一個frameborder的,一個CSS中border的。