一、iframe 的邊框很難看，想去掉，使用CSS的border:none在IE（8）上沒有，只能用iframe?自帶屬性frameBorder="0"來設(shè)置。

二、iframe與邊框有關(guān)的幾個參數(shù)：??
?? （1）邊框顯示：

??????? 語法：frameborder=0、1 ?
??????? 說明：該屬性規(guī)定是否顯示浮動幀邊框。 ?
??????????????? 0：不顯示浮動幀邊框； ?
??????????????? 1：顯示浮動幀邊框。 （默認(rèn)）?
???????? 示例：<iframe ? src="iframe.html" ? frameborder=0>??
?? （2）邊框厚度：???
???????? 語法：border=# ?
??????? ?說明：該屬性指定浮動幀邊框的厚度，取值為正整數(shù)和0，單位為像素。為了將浮動幀與頁面無縫結(jié)合，border一般等于0。 ?
???????? ?示例：<iframe ? src="iframe.html" ? border=1>??
?? （3）邊框顏色： ?
???????? 語法：bordercolor=color ?
???????? 說明：該屬性指定浮動幀邊框的顏色。color可以是RGB色（RRGGBB），也可以是顏色名。 ?
???????? 示例：<iframe ? src="iframe.html" ? bordercolor=red>??
在IE8下面測試，border、bordercolor??根本不起作用。所以想調(diào)通過iframe 自帶的屬性調(diào)整iframe的邊框是沒有辦法。

?

三、可以通過iframe 的frameborder屬性與CSS相結(jié)合來給iframe加邊框???? 例如：

<iframe id="checkListFrame" name="checkListFrame" src="http://www.baidu.com" frameBorder="0" style=" border: #ff7c12 1px solid;" scrolling="no"></iframe>

?設(shè)置frameborder為0，然后設(shè)置css中的border屬性，注意border屬性一定要是1px solid red ，不能少了px, 也就是說如果值是的1 solid red 是無效的，有時候粗心會忘記。

?

總結(jié)：（1）其實IE解析iframe的屬性是有點奇怪的，在CSS中設(shè)置border:none不起作用，必須設(shè)置frameborder為0，但是又支持border:1px solid red?這樣的屬性。

????????? （2）即使設(shè)置了border:1px solid red? 也要把frameborder設(shè)為了0，如果不設(shè)為1，IE會加兩層邊框，一個frameborder的，一個CSS中border的。

總結(jié)

以上是生活随笔為你收集整理的iframe 边框的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。