Firefox broken image placeholders windows 7

0

I tested our site in IE today and found that IE has one useful feature; broken image placeholders. There were a few broken images that I did not notice while using Firefox because Firefox just displays the alt text. The best way to do it is as described here
http://gavtaylor.co.uk/blog/enable-broken-image-placeholders-in-firefox and

http://onlinemoneymaking.ws/blog/show-dead-image-placeholder-in-firefox/
. Their examples help you find the file with older versions of Windows. If you’re on Windows 7 like me, the userContent.css file will go here –
C:\Users\%yourUsername%\AppData\Roaming\Mozilla\Firefox\Profiles\x3qch3l0.default\chrome

Rename ‘UserContent-example.css’ to ‘UserContent.css’, this will then be loaded by Firefox when it fires up.

Add the following CSS to the file and restart Firefox..

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

Leave a Reply

Your email address will not be published. Required fields are marked *

*




You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="">