CODEWITHSUNDEEP
htmlcssfirefox
fnk
fnk

Reputation: 291

content:url(); isnt displaying my image in firefox

I'm not sure why this isn't working but in Firefox I have noticed that my image in content:url() isn't being displayed.

It is displayed in opera, chrome and safari but not Firefox.

Can anyone tell me why? I found a similar question on the stack forum but I don't understand if the problem was resolved.

similar question on stack

I also read online that pseudo elements cant be absolutely positioned for Firefox 3.something? I'm running on Firefox 27.0.1 and would have thought it wouldn't cause a problem.

Here is my css:

.arrow_box_recovery:after {
  content: url("http://dev.disklabs.com/html/assets/img/menu-arrow-recovery.png") no-repeat;
  height: 20px;
  width: 40px;
  position: absolute;
  top: -13%;
  margin-left: -80px;
}

Upvotes: 1

Views: 1420

Answers (1)

DuddiMai
DuddiMai

Reputation: 56

You cannot have "no-repeat" after the url. remove it, and it will work, like this: 

.arrow_box_recovery:after {
  content: url("http://dev.disklabs.com/html/assets/img/menu-arrow-recovery.png");
  height: 20px;
  width: 40px;
  position: absolute;
  top: -13%;
  margin-left: -80px;
}

Upvotes: 3

Related Questions