On Fri, Feb 3, 2012 at 3:52 AM, Chris Morton <[email protected]> wrote: >> >> A solution is to put your gradient in a separate block and give that >> element these rules: >> position: fixed; >> top: 0; >> left: 0; >> width:100%; >> height:100%; >> z-index: -999; >> >> ... and apply your gradient to that block instead of the body. >> > > I tried this, creating a *#super_wrapper* block between the body and * > #wraper*, then modifying the about/Management page accordingly. In Chrome, > this froze the page, making it unscrollable (with no visible scrollbars). > Adding an *overflow: scroll;* to this css code made a scrollbar appear, but > the page was still frozen.
I copied your code and added the div#super_wrapper with the style rules I suggested and it worked great in FF, Google Chrome, and Safari. Even IE7/8/9 recognized the filter property and applied the gradient, although there are other significant rendering problems in IE. Did you apply position:fixed or overflow:hidden to the wrong element? Here's my version (sorry, no images :) ): http://www.ghodmode.com/testing/eigen.html -- Vince Aggrippino a.k.a. Ghodmode http://www.ghodmode.com >> An even better solution is not to add a block for the gradient, but create >> a pseudo-element in the CSS: > > > Nope; too many potential viewers are still using IE. Yesterday I had to add > a compatability meta tag in the *head* in order to have IE8 render pages > like IE7. ______________________________________________________________________ css-discuss [[email protected]] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
