Drupal
/
drupal
mirror of https://git.drupalcode.org/project/drupal.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

- Patch #704182 by jide: use transparent PNG instead of opacity for overlay background to gain rendering performance.

merge-requests/26/head
Dries Buytaert 2010-03-06 07:46:49 +00:00
parent 28b40efb38
commit 347ecaf1f3
2 changed files with 14 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
modules/overlay/images/background.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 76 B

18
modules/overlay/overlay-parent.css
View File

@ -4,10 +4,10 @@
* ui-dialog overlay. * ui-dialog overlay.
*/ */
.ui-widget-overlay { .ui-widget-overlay {
background-color: #222; opacity: 1;
opacity: 0.85; filter: none;
filter: alpha(opacity=85); /* Using a transparent png renders faster than using opacity */
background-image: none; background: transparent url(images/background.png) repeat;
} }
body.overlay-autofit { body.overlay-autofit {
@ -158,3 +158,13 @@ body.overlay-autofit {
.overlay div.add-or-remove-shortcuts { .overlay div.add-or-remove-shortcuts {
padding-top: 0.9em; 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;
}