Я использую диалог 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>
Я хочу указать радиус границы 3 пикселя для кнопок «Да» и «Нет». Когда я сначала открываю всплывающее окно, закругленные углы в IE 8 прекрасно подходят. Но когда я снова открываю его после закрытия, это то, что я получаю:
Есть идеи, как это решить? Заранее спасибо.