image not displaying in firefox, working in Chrome & IE (CSS)
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)
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. :-)