firefox | Woody Hayday | Blog https://blog.woodylabs.com An exploration of life, technology and writing Tue, 13 Jan 2015 15:19:04 +0000 en-US hourly 1 https://wordpress.org/?v=6.9.4 https://blog.woodylabs.com/wp-content/uploads/2015/01/cropped-woody-hayday-yosemite-glacier-point-32x32.jpg firefox | Woody Hayday | Blog https://blog.woodylabs.com 32 32 Firefox, why you mutate my css? https://blog.woodylabs.com/2011/06/firefox-why-you-mutate-my-css/ Thu, 30 Jun 2011 06:07:40 +0000 http://blog.woodylabs.com/?p=851 Quick post to remove the annoyance that is this bug from my short term memory, you would think this would work: …it does, but not in firefox. Say the background property was set to “url(someimage.png) top left no-repeat”, making the background-image property “url(someimage.png)” right? In every browser except firefox, yes, not for firefox. Firefox would […]

The post Firefox, why you mutate my css? first appeared on Woody Hayday | Blog.

Visit Woody Haydays Blog
]]> Quick post to remove the annoyance that is this bug from my short term memory, you would think this would work:

var newBGString = $(this).css('background-image');

…it does, but not in firefox. Say the background property was set to “url(someimage.png) top left no-repeat”, making the background-image property “url(someimage.png)” right? In every browser except firefox, yes, not for firefox. Firefox would set the var as “url(“someimage.png”)” and THEN complain that the var is not realistic when you go on to use it elsewhere.

Anyway ridiculous bug, almost as annoying is how simple, hacky and rough the fix is:

var newBGString = $(this).css('background-image').replace('"','');

So if your firefox doesn’t like background image swapping via js, try it, I guess…

The post Firefox, why you mutate my css? first appeared on Woody Hayday | Blog.

]]>