The blog of Jafar Aliyev

Archive

Creation date:

Fixed background image

If you decide to give a background image and don’t wont this image to be scrolled  with content you must know two things .IE doesn’t know fixed param in background rule.

h2{
  background: fixed url(background.gif) no-repeat 0 0;
}

This rule will work in FireFox, but not in IE.
The second thing, that U must know is fixed param will fix image relative to boundary of main window of browser rather than the line which holds <h2> tag. Hence when U scroll the contents in some areas U’ll see the background, in some areas U won’t.

Moreover, Firefox will clip the child of the container that has fixed background image in the area of this image. It will happen when the child container has block model and occupy one part of screen.

Author: Jafar N.Aliyev (Jsoft)

Read also

Fixing overflow: hidden in IE

<div> against <table>

Measuring units for padding

IE bug with first line

Overflow of inner block

The meaning of margin in Internet Explorer and Firefox

CSS hacks
Nowadays many designers give all measures in pixels, including the font sizes. They fit their site to Internet Explorer and...

Internet Explorer bug with tall block
The problem of IE with two containers. If the internal container is longer than one screen of browser you'll encounter the problem.

Height of parent container

© Copyright

All articles in this site are written by Jafar N.Aliyev. Reproducing of any article must be followed by the author name and link to the site of origin(this site). This site also keeps the same rules relative to the articles of other authors.