getElementsByClassName & IE8: Object doesn’t support this property or method [duplicate]
Use document.querySelectorAll(‘.verdana14.toAdd’). See also my related blog post.
internet-explorer-8
Need a good Internet Explorer 6, 7, 8 standalone [duplicate]
You could try IETester. Update In 2015 this is now the wrong answer to this question. See the accepted answer of the duplicate question linked above for a better solution (https://stackoverflow.com/a/574465/70795)
How to test in IE with Linux
Don’t bother trying to run it under Wine – such a test would be invalid anyway. Just install Windows in a VM. It’s easy.
word-wrap:break-word not working in IE8
If I recall correctly, word-wrap: break-word; is indeed supported in Internet Explorer 8, but the styled element must have layout.
Forcing IE8 to rerender/repaint :before/:after pseudo elements
Been trying to figure out the same thing. Basically IE8 doesn’t redraw the pseudo elements unless you make a change to the content. So I’ve modified your example here (just CSS): http://jsfiddle.net/lnrb0b/VWhv9/. I’ve added width:0 and overflow:hidden to the pseudo elements and then added content:”x” to each colour option where x is an incrementing number … Read more
Force IE8 *not* to use Compatibility View
In the absence of an X-UA-Compatible http-equiv header, the compatibility mode is determined by the !DOCTYPE (or the absence of a !DOCTYPE, as the case may be). For a chart of which !DOCTYPE gives you which mode (in various browsers) see here: http://hsivonen.iki.fi/doctype/ (You’ll need to scroll down toward the bottom of the page.) You … Read more
IE8 overflow:auto with max-height
This is a really nasty bug as it affects us heavily on Stack Overflow with <pre> code blocks, which have max-height:600 and width:auto. It is logged as a bug in the final version of IE8 with no fix. http://connect.microsoft.com/IE/feedback/ViewFeedback.aspx?FeedbackID=408759 There is a really, really hacky CSS workaround: http://my.opera.com/dbloom/blog/2009/03/11/css-hack-for-ie8-standards-mode /* SUPER nasty IE8 hack to deal … Read more
Twitter Bootstrap Responsive layout does not work in IE8 or lower
If you want to have better performance and your structure is not too complicated. You can try Respond.JS From the author: This isn’t the only CSS3 Media Query polyfill script out there; but it damn well may be the fastest. If you’re looking for more robust CSS3 Media Query support, you might check out http://code.google.com/p/css3-mediaqueries-js/. … Read more
IE8 CSS @font-face fonts only working for :before content on over and sometimes on refresh/hard refresh
I had the same bug. I fixed it by executing this script on domready (only for IE8 of course): var head = document.getElementsByTagName(‘head’)[0], style = document.createElement(‘style’); style.type=”text/css”; style.styleSheet.cssText=”:before,:after{content:none !important”; head.appendChild(style); setTimeout(function(){ head.removeChild(style); }, 0); This lets IE8 redraw all :before and :after pseudo elements
CSS rounded corners in IE8
Internet Explorer (under version 9) does not natively support rounded corners. There’s an amazing script that will magically add it for you: CSS3 PIE. I’ve used it a lot of times, with amazing results.