在jquery ui对话框中对齐标题和关闭文本IE7和IE6不起作用
我试图在jQuery对话框标题栏中将标题文本左对齐右关闭。 它适用于除IE6和IE7之外的所有我测试过的浏览器。在IE6/7中,关闭文本右对齐,但在标题文本下方显示一行,并且位于对话框标题栏之外,因此不可见。 见下图: 下面是我使用的一些代码在jquery ui对话框中对齐标题和关闭文本IE7和IE6不起作用,jquery,internet-explorer,text,dialog,alignment,Jquery,Internet Explorer,Text,Dialog,Alignment,我试图在jQuery对话框标题栏中将标题文本左对齐右关闭。 它适用于除IE6和IE7之外的所有我测试过的浏览器。在IE6/7中,关闭文本右对齐,但在标题文本下方显示一行,并且位于对话框标题栏之外,因此不可见。 见下图: 下面是我使用的一些代码 /**IE 7 has a ui dialog positioning issue with jquery UI 1.8 above , the below seems to solve it **/ .ui-dialog{ position: abso
/**IE 7 has a ui dialog positioning issue with jquery UI 1.8 above , the below seems to solve it **/
.ui-dialog{ position: absolute; width: 100%;}
.ui-icon
{
background-image: url("") !important;
text-align: right;
}
.ui-dialog-title-dialog
{
float: left;
}
.ui-dialog-titlebar-close
{
font-size: 16px;
float: right;
}
.ui-dialog-title
{
font-size: 16px;
padding: 4px;
padding-right: 50px;
}
.ui-dialog-titlebar
{
padding: 4px;
background-color : #FFF;
}
$("#dialog").dialog({ autoOpen: false, width: area.width, height: area.height, modal: true, closeText: "閉じる", title: '<a href="#" id="hideAll">説明を非表示</a> ' });
我根据对话框的宽度使用一些jquery和填充来解决这个问题。这不是最好的解决方案,但它很有效
$('.ui-dialog-title').css("padding-right", (dialog.width - closeTextWidth) + "px");