Content url does not display image on firefox browser

by

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.

More Related Contents:

  1. Custom CSS Scrollbar for Firefox
  2. Targeting only Firefox with CSS
  3. Does Firefox support position: relative on table elements?
  4. How can I get FF 33.x Flexbox behavior in FF 34.x? [duplicate]
  5. How to remove Firefox’s dotted outline on BUTTONS as well as links?
  6. Amazon S3 CORS (Cross-Origin Resource Sharing) and Firefox cross-domain font loading
  7. Remove extra button spacing/padding in Firefox
  8. Background-image in keyframe does not display in Firefox or Internet Explorer
  9. 3D CSS transform, jagged edges in Firefox
  10. firefox overflow-y not working with nested flexbox
  11. Font-size issues comparing chrome and Firefox
  12. Prevent flex item from exceeding parent height and make scroll bar work
  13. How can I zoom an HTML element in Firefox and Opera?
  14. Firefox ignores padding when using overflow:scroll
  15. Fonts looks different in Firefox and Chrome
  16. Faster way to develop and test print stylesheets (avoid print preview every time)?
  17. Scrollbar color change in Firefox
  18. What is the correct “-moz-appearance” value to hide dropdown arrow of a element
  19. Percentage padding / margin on grid item ignored in Firefox
  20. What does @-moz-document url-prefix() do?
  21. Hide Up & Down Arrow Buttons (Spinner) in Input Number – Firefox 29
  22. Preventing an image from being draggable or selectable without using JS
  23. background-attachment fixed with transform not working in Firefox
  24. SVG Fill not being applied in FireFox
  25. Firefox blurs an image when scaled through external CSS or inline style.
  26. Firefox sets wrong caret position contentEditable with :before
  27. Ellipsis in flexbox container [duplicate]
  28. filter: blur(1px); doesn’t work in Firefox, Internet Explorer, and Opera
  29. Image scaling by CSS: is there a webkit alternative for -moz-crisp-edges?
  30. :nth-letter pseudo-element is not working [closed]

Leave a Comment