qtip-content background in CSS

[interpotential]

I've just found myself wrestling with the qtip-content background, and how to control that through CSS instead of the JavasScript config. Well, I figured it out - though it wasn't the most obvious thing.

First thing I tried was setting the mystyle.background to false - hoping that then it wouldn't render any inline background styles, allowing my background declaration on .qtip-content to take over.

This actually worked fine in Firefox and Chrome - but when trying to show the example to my client all I could do was send a screenshot. IE8 came up with a - not so nice - javascript error. Luckily they aren't as annoying anymore as they used to be in IE6 times.

And now for the solution? Well, simply set background to 'inherit' and apply styles on qtip-contentWrapper. Works like a charm!

Though I would like to suggest turning the 'false' option into a supported setting in qTip - I think I'd prefer that.

[Craig]

The error is caused by the fact that false is not a supported value for the background property. Try using 'none' instead

[interpotential]

I did, actually!

none however did do exactly what id said. It applied the 'background: none' style, which is not what I wanted. What I wanted was not to render any inline background: style so that the CSS could completely take over.

(btw, thanks for making a fantastic product)

[Craig]

What about... background: 'none !important'? That should override inline styles IIRC.

And no problem at all! Glad to hear users appreciating it! ^_^

[interpotential]

Yeah it should. But I don't like the !important declaration. It's like shouting, and I don't like that either - makes it hard to hear the other lines of CSS

And I liked how Google Chrome (apparently without any intention of your code) decided to just not render any background: style on the element when I supplied false. null actually would make even more sense, as jquery accepts that to fx remove an attribute.

For now I'll stick to 'inherit', makes second most sense to me.