jQuery css() function won't apply IE hack attributes

Question

I am trying to apply an inline-block style to an element (a div to be specific). And in order to achieve this in IE you have to use a hack:

$('#element').css(
    {
        'display'  :    'inline-block',    //applies inline-block to matched elements in all browsers except IE due to hasLayout bug
        'zoom'     :    1,                 //set hasLayout to 'true' in IE
        '*display' :    'inline'           //use asterisk to only apply 'inline' style to IE
    }
);

However, the css() function seems to present the style to the browser such that '*display' doesn't register in IE and so therefore doesn't apply the 'inline' style.

Any ideas on why and/or how to work around this ?

RamboNo5 · Accepted Answer · 2009-12-18 19:13:09Z

2

I think this should do it then:

if($.browser.msie){
    $('#element').css({'display' : 'inline'});
}

answered Dec 18, 2009 at 19:13

RamboNo5

2,0602 gold badges17 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Aaron Over a year ago

jQuery documentation specifically suggests using jQuery.support over jQuery.browser because .browser relies on the User-Agent which is a mess.

tscully Over a year ago

I saw that, but it isn't really clear as to how to go about getting browser type.

prodigitalson Over a year ago

you missed his {'zoom': 1} :-)

prodigitalson Over a year ago

@tegeril: Ive seen that noted in the docs to but as tscully mentions - i didnt see a clear cut way to get the browser type and/or version.

prodigitalson · Accepted Answer · 2009-12-18 19:26:24Z

1

jQuery is going to filter out "bad" css properties - ie. hacks when using the css function.

However, Youre in jvascript - DO THE DETECTION IN JAVASCRIPT. There is no reason to use a hack because you have all kinds of tools at your disposal to detect not only for IE but the version. Rambo's solution is adequate :-)

answered Dec 18, 2009 at 19:26

prodigitalson

60.6k10 gold badges106 silver badges118 bronze badges

Comments

Tom · Accepted Answer · 2009-12-18 19:36:41Z

0

As said above, jQuery's not going to let you apply invalid properties. If you need to do it anyway, put them in a CSS class and toggle the class off and on with addClass() and removeClass().

answered Dec 18, 2009 at 19:36

Tom

22.9k5 gold badges67 silver badges97 bronze badges

Comments

www.tonitech.com的站长 · Accepted Answer · 2012-12-12 03:30:17Z

0

I think you could try css('display', 'inline')

edited Dec 12, 2012 at 3:30

answered Dec 12, 2012 at 3:23

www.tonitech.com的站长

91 bronze badge

1 Comment

Austin Henley Over a year ago

You think? I think this would be better suited as a comment.

Collectives™ on Stack Overflow

jQuery css() function won't apply IE hack attributes

4 Answers 4

4 Comments

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

4 Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related