0

私は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>

はいボタンといいえボタンに 3px の境界線半径を指定したい.最初にポップアップを開くと、丸みを帯びた角が IE 8 で正常に表示されます.しかし、閉じた後に再度開くと、次のようになります:

IE でのダイアログ エラー

これを解決する方法はありますか? 事前に感謝します。

4

1 に答える 1

0 
    <style>
        .ui-button {
            border-radius: 3px;
            -ms-border-radius: 3px;
            behavior: url(pie.htc);
        }
    </style>
于 2012-04-05T05:36:26.220 に答える