So, Internet Explorer <= 8 does not accept the standard table-row and table-row-group values for the CSS display property (amongst others). I’m reticent to use JQuery’s browser detection features as these have been deprecated. How can I detect table-row-group support in JQuery without parsing the browser/user-agent string? That is, how do I detect the presence of the feature rather than the presence of a specific browser?
So, Internet Explorer <= 8 does not accept the standard table-row and table-row-group values
Share
I don’t believe that with Javascript you can directly detect support for a CSS property. I have two recommendations if that’s true:
Insert into a hidden div two elements, one with
table-rowand one without. See if there’s a height or width difference. If so, calculate the height or width, having figured out the difference between a browser that supports it and one that doesn’t.Even though jQuery’s browser detection is deprecated, you can host the following script locally:
http://www.tvidesign.co.uk/blog/CSS-Browser-detection-using-jQuery-instead-of-hacks.aspx
I use it and I love it! It adds two classes (e.g., “.browserIE7 and .browserIE”) to the body tag, so that you can use Javascript (
if $('body').hasClass('browserIE7')...) or CSS (.browserIE7.div {...)Good luck!
Edit
Maybe it is possible with Javascript…3rd option: http://perfectionkills.com/feature-testing-css-properties/ although I haven’t read the article or used his suggestion.