- 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

Binary file not shown.

After

Width:  |  Height:  |  Size: 76 B

View File

@ -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;
}