On https://f860ffcc56.nxcli.net/. I have a smart slider piece at the very top of the website with a simple animated Font Awesome downward chevron. On pretty much every browser (FireFox, Chrome, Arc, Brave, Edge, Opera, etc...) it is showing as expected. On Safari however it is not showing up. As far as i can tell it is not a z-index issue but i really am stumped on this one as to why it isn't working. I've tried changing the way Font Awesome is being loaded with no avail.
Related
I have some icons that are set to animate on hover (so there are two images per icon, a static PNG and an animated GIF). Since the icons are meant to be responsive, I'm using Bootstrap's img-fluid class on each img element.
In Chrome, both the static image and the animated version display properly - edges are smooth and antialiased. In Firefox and Chrome, however, the animated GIFs appear pixelated and I have no idea why. Is this simply due to how each browser renders resized images, or is there a way I can fix it?
Codepen sample here - hover over each icon to see what happens. In Firefox and Edge, there's a noticeable jump between the smooth-edged static PNG and the pixelated GIF. This doesn't happen in Chrome.
If it matters, my versions of each browser are:
Firefox 65.0.1
Microsoft Edge 44.17763.1.0
Google Chrome
72.0.3626.119
Help much appreciated.
Having an issue with the header logo on a wordpress site. Logo appears incredibely pixelated on Firefox, but is smooth and appears as expected on Google Chrome and Safari. Even after trying .png, .svg, and even .jpg, the logo still appears very pixelated on Firefox browser. Even after scaling down/up the images resolution, still appears pixelated.
CSS attributes such as image-rendering have no effect on the image. Any reason why this would be, or any possible fixes for it?
Comparison Photo between logo in FF and Chrome
Try this CSS for the image:
image-rendering: auto;
Im trying to figure out why we randomly misses images when looking on mobile safari and desktop safari. Google Chrome is always working for me.
Is this a bug or is there anything i can change to make it render all the images. It is totaly random and never had this problem before.
http://www.fantasticfrank.se/stockholm/till-salu
I am facing very strange problem with Firefox and GIF image. I have two-three GIF Image in a web page all the GIF animating except one
A GIF image which is not animating in Firefox (Shows Last Frame), does animation in all other browsers like Chrome, Safari , IE. I have latest or nearly latest browser installed.
Please help me to resolve this issue. can that be a problem of Animation Engine like stuff?
Would someome do a quick check on IE 8 and go to my site and verify that what I'm seeing is correct? I've been coding a new stylesheet for IE8 and it works fine, except all of the sudden I am now getting some pixelation glitch in the top left thumbnail of my homepage slider. This wasn't there a moment ago and I haven't changed anything, so I want to make sure it's a bug on my computer and not in IE 8.
http://fdoandsons.com/beta/index.html
What I see:
Top left thumbnail on the above link flashes black squares when the slider is transitioning. You can view in a standards compliant browser and see what it's supposed to look like.