2011-05-19 76 views
4

這可能是我必須忍受的事情,但是blockUI插件jQuery-ui主題支持應該與IE一起工作嗎?IE中的BlockUI jquery-ui主題支持

出於某種原因,疊加層始終顯示爲實心,沒有不透明。正常的blockUI覆蓋工作正常,但是當我啓用主題時,覆蓋圖顯示爲實體。在IE中這真的很醜陋(我的用戶需要使用它)。

我使用IE 7.我想象中的插件正常工作與IE 9,不知道IE 8

有其他人遇到此?它甚至可以在blockUI演示頁面上以這種方式工作(至少對我來說)。任何人都知道解決方法?

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

在此先感謝。

+1

我曾經使用過blockUI,也遇到過不一致的情況。我用jQuery對話框替換了所有的blockUI,並且一切正常。 – 2011-05-19 19:44:18

+0

謝謝。我應該也可以這樣做。 – camainc 2011-05-19 20:13:34

回答

8

那在blockUI中的錯誤,產生疊加DIV像這樣

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

空的內聯「過濾器」的屬性將覆蓋CSS屬性中的.ui小部件的覆蓋,但你可以通過自己解決這個編輯你的jquery-ui.xxxxxxx.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樣式,而不是錯誤的內嵌樣式的。

+0

解決此問題,我繼續並將您的答案標記爲正確答案,對於長時間延遲表示抱歉。這一個滑倒了我。 – camainc 2012-09-07 20:24:37

1

BlockUI使用CSS邊界半徑,這是不是在IE 6/7/8

這是一個瀏覽器限制,不是你可以得到解決,而無需使用外部polyfills支持。即使正常的jQueryUI主題在這些瀏覽器中也是正方形的。

+0

人們嘗試使用http://css3pie.com/ – m33lky 2012-02-28 23:09:41