background image position fixed to parent element
问题 I have a div somewhere on the page and I need to give it a background image that does not move when you scroll your browser window. This is my code so far: #mydiv { float:left; width:540px; margin:40px 0px 0px 20px; background:url(/images/myimage.jpg) no-repeat fixed 0px 0px transparent; } The problem is that my background image is positioned relative to canvas and I need it to be positioned relative to #mydiv and still not scroll. To illustrate the problem please see here http://jsfiddle.net