From 347ecaf1f36448a3169bf2b7783e0be6bb393bcc Mon Sep 17 00:00:00 2001 From: Dries Buytaert Date: Sat, 6 Mar 2010 07:46:49 +0000 Subject: - Patch #704182 by jide: use transparent PNG instead of opacity for overlay background to gain rendering performance. --- modules/overlay/images/background.png | Bin 0 -> 76 bytes modules/overlay/overlay-parent.css | 18 ++++++++++++++---- 2 files changed, 14 insertions(+), 4 deletions(-) create mode 100644 modules/overlay/images/background.png diff --git a/modules/overlay/images/background.png b/modules/overlay/images/background.png new file mode 100644 index 000000000..ca87d6aaa Binary files /dev/null and b/modules/overlay/images/background.png differ diff --git a/modules/overlay/overlay-parent.css b/modules/overlay/overlay-parent.css index 270890ebb..e9cc0cc2c 100644 --- a/modules/overlay/overlay-parent.css +++ b/modules/overlay/overlay-parent.css @@ -4,10 +4,10 @@ * ui-dialog overlay. */ .ui-widget-overlay { - background-color: #222; - opacity: 0.85; - filter: alpha(opacity=85); - background-image: none; + opacity: 1; + filter: none; + /* Using a transparent png renders faster than using opacity */ + background: transparent url(images/background.png) repeat; } body.overlay-autofit { @@ -158,3 +158,13 @@ body.overlay-autofit { .overlay div.add-or-remove-shortcuts { padding-top: 0.9em; } + +/** + * IE 6 Fix. + * + * Use filter to support transparency in IE6 for the overlay background. + */ +* html .ui-widget-overlay { + filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='modules/overlay/images/background.png', sizingMethod='scale'); + background: none; +} -- cgit v1.2.3