Поддержка тем jQuery-UI BlockUI в IE - PullRequest
Новая
       9

Поддержка тем jQuery-UI BlockUI в IE

4 голосов
/ 19 мая 2011

Возможно, мне просто нужно с этим смириться, но должна ли поддержка тем jQuery-ui плагина blockUI работать с IE?

По какой-то причине наложение всегда отображается сплошным, без непрозрачности. Нормальное наложение blockUI работает нормально, но когда я включаю их, наложение отображается сплошным. Это действительно ужасно в IE (который я, мои пользователи, должны использовать).

Я использую IE 7. Я думаю, что плагин отлично работает с IE 9, не уверен насчет IE 8.

Кто-нибудь еще испытывал это? Это даже работает таким образом на демонстрационной странице blockUI (по крайней мере, для меня.) Кто-нибудь знает обходной путь?

http://jquery.malsup.com/block/#demos

Заранее спасибо.

Ответы [ 2 ]

8 голосов
/ 27 мая 2011

это ошибка в blockUI, сгенерированный оверлейный div выглядит следующим образом 

<div class="blockUI blockOverlay ui-widget-overlay" 
style="z-index: 1001;
position: fixed; 
filter: ; 
zoom: 1;" 
jQuery1306503573140="70"/>

пустое встроенное свойство «filter» перезаписывает свойство css в .ui-widget-overlay, но вы можете это исправить самостоятельно, отредактировав файл jquery-ui.x.x.x.xxxx.css.

просто поискать 

/* Overlays */
.ui-widget-overlay { 
background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; 
opacity: .30;
filter:Alpha(Opacity=30); 
}

и добавьте! Важный за свойством фильтра, как это 

/* Overlays */
.ui-widget-overlay { 
background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; 
opacity: .30;
filter:Alpha(Opacity=30) !important; 
}

это заставит браузер использовать стиль css вместо неправильного встроенного стиля.

1 голос
/ 27 мая 2011

BlockUI использует CSS Border-Radius, который не поддерживается в IE 6/7/8

Это ограничение браузера, и вы не можете обойтись без использования внешних полизаполнений.Даже обычные темы jQueryUI в этих браузерах обычно квадратные.

...