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:
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).
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).