[Solved] Why my css is not working in firefox ?

[blyk]

Here is my webpage link please download it… http://wikisend.com/download/121352/Etisbew.rar

When I run the code in mozzila firefox with in codepen it works fine but when I create html & css file on my PC and then try to run it on mozzila firefox it doesn’t run. can anyone of you help me with this ?

code pen is here http://codepen.io/blyk/pen/EoeIh

[chrisburton]

In most cases, we encourage users not to download zip or rar files for security purposes. A CodePen, which you provided, is preferred or a live site.

First, replace all your HTML with mine:

http://codepen.io/chrisburton/pen/rKaqf

Second, the reason it is “not working” is simply because you do not have an image in the directory you specified. In other words, the file path is wrong.

[blyk]

No it is not working. In my system, file path is correct and it is working fine in chrome but when I run it in firefox, nothing happens only static image shows and nothing happens when you hove your mouse over the div container.

Even your codepen is not working firefox.

Please guide me.

[chrisburton]

Can you show me a screenshot of what the page looks like in Firefox?

But you do have src="1.png" in your image tag. There is no 1.png file in the Etisbew folder.

[Paulie_D]

It should be noted that you are not using the -moz prefixed versions of the transforms etc.

Add those (and the unprefixed versions) and you should be fine.

The Codepen will work if you use the “prefix-free” tick box.

http://codepen.io/Paulie-D/pen/jnAlF

[chrisburton]

Updated CodePen: http://codepen.io/chrisburton/pen/rKaqf

@Paulie_D Firefox does not require the -moz prefix

[Paulie_D]

@chrisburton The older versions do, don’t they?

[chrisburton]

Firefox auto-updates on launch. It’s not something I would worry about.

[Paulie_D]

True…

I knew the unprefixed version was the current option for FF. I just put the rest in for completeness. :)

[blyk]

Thanks for the help :) But is that all.. I just need to use only trnasfrom instead of -webkit-transfrom. Why so ? Can you explain this?

[Author]

Posts