CODEWITHSUNDEEP
internet-explorercss
Miles M.
Miles M.

Reputation: 4169

Is that possible to design a div with css3 shadow + gradient + rounded corners in IE?

I'm trying to have for my IE div's the same behavior than with other browsers. I have this css :

#featured .Reasons{
    height:auto;
    margin-top:40px;
    padding:35px;
    display:block;

    background-image: linear-gradient(left bottom, rgb(255,255,255) 15%, rgb(245,243,233) 48%, rgb(255,255,255) 79%);
    background-image: -o-linear-gradient(left bottom, rgb(255,255,255) 15%, rgb(245,243,233) 48%, rgb(255,255,255) 79%);
    background-image: -moz-linear-gradient(left bottom, rgb(255,255,255) 15%, rgb(245,243,233) 48%, rgb(255,255,255) 79%);
    background-image: -webkit-linear-gradient(left bottom, rgb(255,255,255) 15%, rgb(245,243,233) 48%, rgb(255,255,255) 79%);
    background-image: -ms-linear-gradient(left bottom, rgb(255,255,255) 15%, rgb(245,243,233) 48%, rgb(255,255,255) 79%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        right top,
        color-stop(0.15, rgb(255,255,255)),
        color-stop(0.48, rgb(245,243,233)),
        color-stop(0.79, rgb(255,255,255))
    );

    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;

    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}

It works fine with every browser but IE. I know IE is a bit special(hmm let s say annoying) in term of design, but How can I fix that ? You can see it here : stringtheori.es Thanks :)

Upvotes: 0

Views: 131

Answers (2)

Jmh2013
Jmh2013

Reputation: 2777

I've used css3Pie before and its good. But be sure to read the known issues so you can make a good decision on whether you think you can use it or not.

http://css3pie.com/about/

Upvotes: 1

Kolyunya
Kolyunya

Reputation: 6240

Internet Explorer does not support CSS3, but you can use some JavaScript tools to emulate it's work, e.g.

Upvotes: 1

Related Questions