Question

我正在使用jquery ui对话框和css3pie来使IE8中的边框半径工作。以下是我的html代码片段：

<!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>

我希望为Yes和No按钮提供3px的边框半径。当我首先打开弹出窗口时，在IE 8中圆角正好。但是当我在关闭后再次打开它时这就是我得到的：

Dialog error in IE

知道如何解决这个问题吗？。提前谢谢。

Answer 1

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

使用带有jquery对话框的CSS3Pie时，圆角在IE中无法正常工作

1 个答案: