Question

I’m using jquery.qTip on http://comps.gunnjerkens.com/phws/services/

Looks beautiful with the drop shadow and rounded borders in modern browsers…unfortunately the drop shadow is lost on IE. So I want to specify an IE-only rule that makes the border a different color than white. Here’s how I currently have it setup:

$(this).qtip({
    content: the_content,
    position: {
        corner: {
            target: 'bottomLeft',
            tooltip: 'topLeft'
        },
        adjust: {
            screen: true
        }
    },
    style: {
        border: {
            radius: 4,
            color: '#FFFFFF'
        },
        color: '#7D9240'
    }
});

I appreciate any help!

Answer 1

color: $.browser.msie ? '#someothercolor : '#FFFFFF' will let you define a different color. Note this is an old deperecated way to check browser version read up on the up to date methods in the jquery docs.