.googlePic{ content: url('../../img/googlePlusIcon.PNG'); margin-top: -6.5%; padding-right: 53px; float:right; height: 19px; }
This is an example of my class googlePic
in my css
file. It works out and prints out nicely on google chrome
and safari
. however, it doesn't work on firefox
. Nth
gets printed out. Please help :)
Clear cookies and cache Sometimes problems loading websites can be fixed by clearing the cookies and cache. to open the menu panel. In the Time Range to clear: drop-down, select Everything. Below the drop-down menu, select both Cookies and Cache.
Note : If you want to disable the loading of images per site : Click on the Page Info icon (little i in a circle at the left end of the address bar) - click on the little black arrow, then on 'More Information'. Under the Permissions tab, scroll down to 'Load images' - uncheck 'Use Default' and check 'Block'.
You can inspect and manage permissions for all domains on the about:permissions page. Select the first image link and use the cursor Down key to scroll through the list. If an image in the list is grayed and "Block Images from..." has a checkmark then remove this checkmark to unblock images from this domain.
Show Page Info in FirefoxClick on the “Media” tab. It will show all the media content (images, videos etc) for that page. If the web page is lazy loading its images, make sure you scroll all the way down to the end of the web page to make sure all the images are loaded.
The content
property works with ::before
and ::after
.
googlePic::before { content: url('../../img/googlePlusIcon.PNG'); }
Read this: http://www.htmldog.com/reference/cssproperties/content/
IE8 only supports the content
property if a !DOCTYPE is specified.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With