iframe 邊框 介面技術

2022-08-17 03:18:19 字數 971 閱讀 8226

一、iframe 的邊框很難看,想去掉,使用css的border:none在ie(8)上沒有,只能用iframe 自帶屬性frameborder="0"來設定。

二、iframe與邊框有關的幾個引數:  

(1)邊框顯示:

語法:frameborder=0、1  

說明:該屬性規定是否顯示浮動幀邊框。  

0:不顯示浮動幀邊框;  

1:顯示浮動幀邊框。 (預設) 

示例:(2)邊框厚度:   

語法:border=#  

說明:該屬性指定浮動幀邊框的厚度,取值為正整數和0,單位為畫素。為了將浮動幀與頁面無縫結合,border一般等於0。  

示例:(3)邊框顏色:  

語法:bordercolor=color  

說明:該屬性指定浮動幀邊框的顏色。color可以是rgb色(rrggbb),也可以是顏色名。  

示例:在ie8下面測試,border、bordercolor  根本不起作用。所以想調通過iframe 自帶的屬性調整iframe的邊框是沒有辦法。

三、可以通過iframe 的frameborder屬性與css相結合來給iframe加邊框     例如:

html** 

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的。

iframe無邊框實現

src you page s url width 750 height 30 frameborder no border 0 marginwidth 0 marginheight 0 scrolling no allowtransparency yes iframe runat server 這個最...

iframe去邊框,無邊框,使用大全

src you page s url width 750 height 30 frameborder no border 0 marginwidth 0 marginheight 0 scrolling no allowtransparency yes iframe runat server 這個最...

iframe去邊框,無邊框,使用大全

src you page s url width 750 height 30 frameborder no border 0 marginwidth 0 marginheight 0 scrolling no allowtransparency yes iframe runat server 這個最...