Я думаю, что это !important
проблема. У меня есть диалог с установленным наложением, как это:
.ui-widget-overlay
{
width: 518px !important;
}
Высота наложения будет установлена в моем Javascript в зависимости от размера страницы (это может быть один из двух размеров)
if (!placeHolderVisibility) {
//Code
$('.ui-widget-overlay').addClass('overlayLarge');
} else {
//Code
$('.ui-widget-overlay').addClass('overlaySmall');
}
Вот overlaySmall
и overlayLarge
css:
.overlaySmall
{
height: 985px !important;
}
.overlayLarge
{
height: 1167px !important;
}
У меня есть другие страницы с диалоговыми окнами, и у них нет проблемы.
.ui-widget-overlay
{
height: 413px !important;
width: 510px !important;
}
Когда я пытаюсь проверить наложение в firebug, я замечаю, что !important
отсутствует в css, но я не могу получить начальную высоту (она быстро увеличивается)
Редактировать Я думаю, это проблема с их автоматическим изменением размера на Facebook
FB.init({ appId: appid, status: true, cookie: true, xfbml: true });
FB.Canvas.setAutoResize(); //<-- Something wrong with this maybe??
Есть предложения?