Avatar for Username

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

Wannan tattunawa ta zama daɗaɗɗiya. Yi sabuwar tambaya idan ka na bukatar taimako.

Why do some gifs look bad in Firefox?

  • 3 amsoshi
  • 4 sa na da wannan matsala
  • 9 views
  • Amsa ta ƙarshe daga cor-el

KrySonic
KrySonic
more options

[[A side-by-side comparision (photo), showing the difference between how the image looks in Firefox vs Internet Explorer.|http://i.imgur.com/dtLN8.jpg]]

Can someone please help me? Its embarrassing the way this gif looks on my tumblr blog.

Thanks!

[[A side-by-side comparision (photo), showing the difference between how the image looks in Firefox vs Internet Explorer.|http://i.imgur.com/dtLN8.jpg]] Can someone please help me? Its embarrassing the way this gif looks on my tumblr blog. Thanks!

Mafitar da aka zaɓa

That image has an opacity specified that IE might not support: 

img {-webkit-transition: opacity 0.55s linear; opacity: 0.65;} 
img:hover {-webkit-transition: opacity 0.85s linear; opacity: 0.95;}

There are also a lot of images on that page that are scaled up or down to 450px and Firefox doesn't (always) do a good job in scaling images (Bug 486918), so it is always best to avoid that to get the best results. 

@namespace url("http://www.w3.org/1999/xhtml");
@-moz-document domain(that-somebody.tumblr.com){
 img { opacity:1 !important; }
}
Karanta wannan amsa a matsayinta 👍 0

All Replies (3)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

Zaɓi Mafita

That image has an opacity specified that IE might not support: 

img {-webkit-transition: opacity 0.55s linear; opacity: 0.65;} 
img:hover {-webkit-transition: opacity 0.85s linear; opacity: 0.95;}

There are also a lot of images on that page that are scaled up or down to 450px and Firefox doesn't (always) do a good job in scaling images (Bug 486918), so it is always best to avoid that to get the best results. 

@namespace url("http://www.w3.org/1999/xhtml");
@-moz-document domain(that-somebody.tumblr.com){
 img { opacity:1 !important; }
}

An gyara daga cor-el

KrySonic
KrySonic Mai mallakar tambaya
more options

Thanks for responding! I guess I'll try to recreate the gif and fix the scaling issue.

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

You're welcome

That GIF image should be OK as I'm not seeing any issues with it on Linux and it isn't scaled (85x85).
Maybe only remove or override the CSS rule and set the opacity of that image to 1 as that isn't needed for that image. 

.portrait { opacity: 1; }