我正在使用 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 中变得很好。但是当我在关闭后再次打开它时，这就是我得到的：
知道如何解决这个问题吗？提前谢谢。