Show image placeholders in Firefox

Thursday August 28, 2008

IE always show borders/outline of where the image would be when it loads but firefox doesn't....

Does firefox supports these featurs too?

yes, it does, if you are using the firefox 3, you can use the userContent.css to fix it.

You just add this bit of CSS code to this usercontent.css file and save. You will then need to restart firefox in order for any usercontent.css changes to take place.

the code is:

/*
 * Show image placeholders
 */
@-moz-document url-prefix(http), url-prefix(file) {
  img:-moz-broken{
    -moz-force-broken-image-icon:1;
    width:24px;
    height:24px;
  }
}

Enjoy!