Comment 3 for bug 396623

Revision history for this message
Keith Hughitt (keith-hughitt) wrote :

Created a better transition between the background image and the background color. Should be good for now. Once the browsers have caught up a bit and support for CSS gradients/RGBA has improved, a better solution is to use an HSV noise image (e.g. noise 1-4.png in resources/images/backgrounds), along with a semi-transparent gradient:

-moz-linear-gradient(center top , rgba(232, 244, 248, 0.8), rgba(56, 60, 70, 0.8)) repeat scroll 0 0%, url("../../resources/images/backgrounds/noise4.png") repeat scroll 0 0 transparent

See also: http://stackoverflow.com/questions/2504071/is-it-possible-to-combine-a-background-image-and-css3-gradients

For more fun, consider adding modifying the gradient RGB values slightly based on layers in viewport (e.g. add orange tinge to gradient when AIA 304 is displayed).