Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Content url does not display image on firefox browser

Tags:

css

firefox

.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 :)

like image 279
user2625152 Avatar asked Jul 28 '13 11:07

user2625152


People also ask

Why are pictures not showing up on websites Firefox?

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.

How do I stop Firefox from blocking photos?

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'.

How do I unblock images in Firefox?

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.

How do I view all images in Firefox?

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.


1 Answers

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.

like image 160
Mohammad Mahdi Naderi Avatar answered Sep 24 '22 11:09

Mohammad Mahdi Naderi