2012-08-24 81 views
2

我使用jQuery來獲取圓角在UI選項卡。我的問題是它運作良好,在Firefox和IE9,但在IE7和IE8(標籤看起來像一個正方形。它是一個問題,大家還是有一個修復?圓角CSS標籤上的角落裏IE 7/8

<div id="fig"> 
     <div id="fig-tabs"> 
      <strong class="tab-current">1st tab</strong> <a href="" class="tab">2nd tab</a> <a href="" class="tab">3rd tab</a> 
     </div> 
...</div> 

和css是失敗,

#fig-tabs { } 

strong.tab-current 
{ 
    background-color: #FFF; 
    padding: 3px 8px 7px 8px; 
    -moz-border-radius: 4px 4px 0px 0px; 
    border-radius: 4px 4px 0px 0px; 
    text-decoration: none; 
} 

a.tab 
{ 
    background-color: #999; 
    padding: 3px 8px 2px 8px; 
    -moz-border-radius: 4px 4px 0px 0px; 
    border-radius: 4px 4px 0px 0px; 
    text-decoration: none; 
} 

a.tab:hover { background-color: #9ffff; } 
+2

的樂事背景做 的經典方法是有你使用jQuery和,而不是僅僅CSS的原因嗎?你可以發佈一些代碼的上[jsfiddle](http://jsfiddle.net),所以我們知道我們正在處理什麼文件克與? –

+0

是,使用CSS,如果你必須支持IE 6-8,可以考慮使用CSS3 PIE - http://css3pie.com/。 – mg1075

+0

我現在使用css,我得到了與Ie7/8相同的問題。 – JNPW

回答

6

要開始我說你的問題是,你正在寫的代碼使用<canvas>標籤/元素哪些老版本的Internet Explorer不支持。What you can use

爲什麼不直接使用CSS3 border-radius的屬性來設置你的四捨五入e仍然不能在Internet Explorer中工作,但更好,更容易編碼。真是這個時代這樣的事情應該使用css3完成。有跡象表明,將前9

對IE的工作,如果你真的想在你將需要使用一個預先創建的圖像舊的瀏覽器版本的圓角兼容庫。

編輯:由於對方回答說,你可以使用Internet Explorer帆布庫,但是你需要getContext呼叫改變你以下爲動態生成你的canvas標籤

var el = document.createElement('canvas'); 
G_vmlCanvasManager.initElement(el); 
var ctx = el.getContext('2d'); 

EDIT2:現在你問題在於IE 7/8中也不支持css3屬性。嘗試使用庫(建議使用http://css3pie.com/將其添加到舊版瀏覽器中)

3

IE7/IE8不支持canvas元素,您可以使用庫支持發現here。試試看。

0

怎麼樣使用上的div

<div><!--top--> 
    <div><!--repeat--> 
    <div><!--bottom--> 

    </div> 
    </div> 
</div>