This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

image not displaying in firefox, working in Chrome & IE (CSS)

  • 2 replies
  • 12 have this problem
  • 9 views
  • Last reply by cor-el

more options

This is a long shot, and a cross post from stackoverflow, i'm hoping someone can help

I'm trying to position a temporary 'beta' ribbon image positioned in the top left of a wordpress based site.

The following code functions as intended in Chrome and IE. In Firefox, nothing is appearing:

#page-wrapper:before 
{
  width: 50px;
  content: " ";
  background: url(../../wp-content/uploads/2013/09/betaribbon2.png) no-repeat;
  position: absolute;
  height: 50px;
  pointer-events: none;
}

Can anyone shed light on what I'm doing wrong?

Thanks,

This is a long shot, and a cross post from stackoverflow, i'm hoping someone can help I'm trying to position a temporary 'beta' ribbon image positioned in the top left of a wordpress based site. The following code functions as intended in Chrome and IE. In Firefox, nothing is appearing: #page-wrapper:before { width: 50px; content: " "; background: url(../../wp-content/uploads/2013/09/betaribbon2.png) no-repeat; position: absolute; height: 50px; pointer-events: none; } Can anyone shed light on what I'm doing wrong? Thanks,

Modified by littlebloke

All Replies (2)

more options

the above fragment is correct according to me but just make sure you have got your images enabled on your firefox. please make sure that the path for the image is correct. if the problem continue please be free co contact. :-)

more options