-
IE woes
I’m currently in a bind because IE is not truly CSS compliant.
I’m re-designing a page, and on it I want a fixed-position background image in full color. I wish to place a div (or table) centered, with about 80% width. This much I know how. What I want to do is make the background for that element be a completely B&W version of the image, where regardless of screen resolution or scrolling the image lines up perfectly with the color version inhabiting the “sides”. Further, I wish to place individual spans within the element, and their background should be a mildly whitewashed and glasspunched version of the B&W image, also still lined up. This should all adjust cleanly as a person scrolls down through the content, which will likely be several pages (screens) in length. All the images should be .jpg (I already have the initial ones done, but I’m going to create several variations for random rotation). This is easy enough to do in a browser like FireFox, since CSS allows you to fix images according to the window. IE, however, only allows fixing according to each element, making it virtually impossible to get images to line up.
Any ideas?