开发者

IE-only Styling for jQuery qTip

开发者 https://www.devze.com 2022-12-25 18:33 出处:网络
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 w

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:

$(th开发者_StackOverflow社区is).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!


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.


Have a look at this: http://www.dillerdesign.com/experiment/DD_belatedPNG/

Not sure if it's a .png IE6 issue you're having but you'd load it specifically for that browser with this in the <head>:

<!--[if IE 6]>
<script type="text/javascript" src="/js/belatedpng_0.0.8a.js">
<![endif]-->
0

精彩评论

暂无评论...
验证码 换一张
取 消

关注公众号