私は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 で正常に表示されます.しかし、閉じた後に再度開くと、次のようになります:
これを解決する方法はありますか? 事前に感謝します。