CODEWITHSUNDEEP
htmlinternet-explorercss
Naweed Chougle
Naweed Chougle

Reputation: 520

Applying border image in IE 10; CSS3 Pie does not work

I am trying to use this image as a border around a div.

Red border image

I want it to stretch around the div like a rubber band. This is the CSS I am using.

div#divname {
 border-image: url('red-border-box.png') 30 30 30 30;
 behavior: url('/wp-content/uploads/scripts/PIE.php');
}

It works in IE 11 and the latest Chrome and Firefox. I tried using CSS3 Pie for IE 10, but there's no effect.

Is there an alternative approach I can use for IE 10?

Upvotes: 1

Views: 919

Answers (1)

Derek Story
Derek Story

Reputation: 9583

Border-image is not supported by IE. You may need to try something like this: JS Fiddle

div {
    background: url('https://i.sstatic.net/SsCre.png') no-repeat;
    background-size: 100% 100%;
    padding: 10px;
    padding-left: 20px;
    width: 300px;
}

Upvotes: 3

Related Questions