2010-01-07 45 views
2

我有一個問題,div沒有在IE中添加圓角,但它在Chrome和Firefox中正常工作。 它似乎四捨五入,但刪除邊框顏色。如果突出顯示呈現的頁面,則可以看到舍入。jQuery角落插件不能在Internet Explorer上工作

任何想法爲什麼發生這種情況,以及如何解決它? 我使用的是從http://jquery.malsup.com/corner/

  <html> 
      <head> 
      <style> 
      #content{ border: solid 6px #888888;} 
      #content2{ border: solid 6px #888888;} 
      </style> 
       <script type="text/javascript" src="include/script/jquery-1.3.2.min.js"></script> 
       <script type="text/javascript" src="include/script/jquery.corners.js"></script> 
       <script type="text/javascript"> 
        $(function(){       
         $('.content').corner("round 8px").parent().css('padding', '8px').corner("round 14px"); 
         $('#content2').corner(); 
        }); 
       </script> 
      </head> 
      <body> 
       <div id="content" class="content"> 
        content 
       </div> 
       <div id="content2" class="content2"> 
        content 
       </div> 
      </body> 
      </html> 
+0

我有這個相同的問題。任何人都有解決方案? – Patricia

回答

-2

下載jQuery的角落的2.03版本從http://jquery.malsup.com/corner/摘自 - 「我最近增加了對本地邊界半徑在瀏覽器四捨五入支持它的支持(1050 +歌劇,火狐,Safari和Chrome),所以在這些瀏覽器中,插件只是簡單地在元素上設置一個css屬性,但在IE中,我們必須等待版本9,然後才支持。使用「div stips」方法。「

這樣圓角在IE中不起作用,但其他任何角落樣式都會。

+0

你在誤讀 - IE9會支持本地版本,但是這個插件的全部內容是獲得跨瀏覽器支持。非IE瀏覽器獲得本地支持,IE獲得了一堆嘲弄,使其工作,而不是... – Ryley

2

圓角在IE中工作。唯一的毛刺是圓角,邊框消失'jquery.corners' api,

如果你的容器顏色與背景不同,你會注意到它。

所以是的,這個jquery.corner api有一個小問題。

相關問題