July 16, 2014
Background-Attachment: Fixed does not work in Safari when using multiple background images in Safari. The images will disappear when the browser is resized, or accessed in mobile device. Background-Attachment: Fixed will render the images properly in Chrome, and Firefox, but even when coupled with Display: Block, and Overflow: Hidden to force images to appear, will not work properly in Safari.
If you add fixed inline with the Background or Background-Image css style, this will work properly in Safari.
#element {
background: url(img/image_file.jpg) 50% 0 no-repeat fixed; /* Works across major browsers */
}
