1180 posts
  • Affiliate Level 5
  • Author Level 5
  • Collector Level 2
  • Exclusive Author
+2 more
mabuc
says

Hello,

I am sure this is an easy fix but I can’t find any good solution on how to solve this.. when I hover the image in chrome it works correctly but when I used FF it decrease it’s dimensions.. see my image screenshot here: http://goo.gl/Mwcu5

thanks

974 posts Rock 'N' Roll
  • Elite Author
  • Author Level 8
  • 2 Years of Membership
  • Most Wanted Winner
+4 more
LSVRthemes
says
this usualy happens in Chrome than in FF. I have fixed this in Chrome with this:
-webkit-transform: translate3d(0,0,0);

You can try something similar in FF (maybe just “transform: translate3d(0,0,0);”, or google FF alternative for this attribute)

1180 posts
  • Affiliate Level 5
  • Author Level 5
  • Collector Level 2
  • Exclusive Author
+2 more
mabuc
says

this usualy happens in Chrome than in FF. I have fixed this in Chrome with this:
-webkit-transform: translate3d(0,0,0);

You can try something similar in FF (maybe just “transform: translate3d(0,0,0);”, or google FF alternative for this attribute)

thanks man but it won’t work..

1180 posts
  • Affiliate Level 5
  • Author Level 5
  • Collector Level 2
  • Exclusive Author
+2 more
mabuc
says

here’s my code

.team-list img { width:167px; height:121px; }
.team-list img:hover { opacity:0.4 }

just a regular hover code..

thanks

3757 posts
  • Elite Author
  • Spain
  • Author Level 8
  • Featured Author
+11 more
pezflash
says
It’s a known issue on Firefox only for scaled images (and depends on screen size). Bug log:
https://bugzilla.mozilla.org/show_bug.cgi?id=745549

I solved it using css
-moz-backface-visibility: hidden;

on both your img and img:hover element.

1180 posts
  • Affiliate Level 5
  • Author Level 5
  • Collector Level 2
  • Exclusive Author
+2 more
mabuc
says

thanks pez.. that worked..

by
by
by
by
by
by