Question

I faced a very interesting fact, and hope you have an answer for that.

I have this code:

width:940px; margin:0 auto; padding:13px 29px 39px 31px; background:#fff;
    -webkit-border-radius:10px;
       -moz-border-radius:10px;
            border-radius:10px;
    -webkit-box-shadow:0 0 2px 1px #e3e6e9;
       -moz-box-shadow:0 0 2px 1px #e3e6e9;
            box-shadow:0 0 2px 1px #e3e6e9; 

I saw it on Joomla 1.6 template – and it works cool on IE8, but when I pasted the same code to my template, it doesn’t work on IE8, maybe there are some tricks to accomplish that?

Thanks in advance

Answer 1

Internet explorer doesn’t support border-radius and box-shadow. There are some projects that try to bring css3 to ie like css3pie or ie-css3. Of course for shadows you can use filters. Read more here.