iframe 邊框(界面技術)


一、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加邊框     例如:

Html代碼 
  1. <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的。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM