2012-04-05 89 views
0

我使用jQuery UI的對話,也css3pie製作邊框半徑工作IE8.Following不是在IE正常工作圓角是HTML代碼片段,我有:同時使用CSS3Pie jquery的對話框

<!DOCTYPE HTML> 
<html> 
    <head> 
     <title>test</title> 
     <script src="js/jquery-1.7.1.min.js"></script> 
     <link rel="stylesheet" type="text/css" href="styles/themes/base/jquery.ui.all.css" /> 
     <script src="js/jquery.ui.core.min.js"></script> 
     <script src="js/jquery.ui.widget.min.js"></script> 
     <script src="js/jquery.ui.button.min.js"></script> 
     <script src="js/jquery.ui.mouse.min.js"></script> 
     <script src="js/jquery.ui.position.min.js"></script> 
     <script src="js/jquery.ui.resizable.min.js"></script> 
     <script src="js/jquery.ui.dialog.min.js"></script> 
     <script> 

      function btnclick(){ 
       $("#confirmation").dialog({ 
        resizable : false, 
        modal : true, 
        buttons : { 
         "Yes" : function() { 
          $(this).dialog("close"); 
         }, 
         "No" : function() { 
          $(this).dialog("close"); 
         } 
        } 
       }); 
      } 

     </script> 
     <style> 
      .ui-button { 
       border-radius: 3px; 
       behavior: url(pie.htc); 
      } 
     </style> 
    </head> 
    <body> 
     <button onclick="btnclick()">Click</button> 
     <div id="confirmation" title="Confirmation" style="display: none"> 
      Are you sure you want to Continue? 
     </div> 
    </body> 
</html> 

我想爲「是」和「否」按鈕提供3px的邊框半徑。當我首先打開彈出框時,圓角在IE 8中會很好。但是當我在關閉後再次打開它時,我得到的是:

Dialog error in IE

任何想法如何解決這個問題?。提前感謝。

回答

0
<style> 
     .ui-button { 
      border-radius: 3px; 
      -ms-border-radius: 3px; 
      behavior: url(pie.htc); 
     } 
    </style> 
+0

謝謝你的答案。試過了。但不幸的是,這並沒有解決問題。 – user700284 2012-04-05 05:40:07