Search code examples
cssinternet-explorerbackwards-compatibility

CSS Multiple backgrounds & IE 8 and earlier

I've applied the following CSS to an input button:

background: url(../images/bttn-border-left.png) left no-repeat,
            url(../images/bttn-border-right.png) right no-repeat, 
            url(../images/bttn-bg.png) center repeat-x;

My understanding is that IE8 and earlier won't support this. So my question is, what will happen? Will it show only the first background? Only the last? None of them? (I would check myself, but Windows 7 won't let me.)

Solution

  • You can use the Developer Tools in IE (press F12) and change the Browser Mode to IE8 and then IE7. You can also check out IETester