internet-explorer - CSS3 IE9 のサポート

Question

画像を使用せずにギザギザの境界線を作成しようとしていますが、引き続き IE9 以降をサポートしたいと考えています。これは可能ですか？現時点では、IE9 以外のすべてで動作します。どんなアドバイスも素晴らしいでしょう！本当にありがとう。

これが私が使用している私のコードです。

<div class='demo'></div>


/* Jagged Edge */
 div {
    background: linear-gradient(-135deg, #fff 10px, transparent 0) 0 10px, linear-gradient(135deg, #fff 10px, #333 0) 0 10px;
    background-color: #fff;
    background-size: 20px 20px;

    /* otherwise these will be overridden when you add the inline styles with js. */
    background-position: left bottom !important;
    background-repeat: repeat-x !important;

    padding:1em;
    width:100%;
 }

ここにjsfiddleがあります... http://jsfiddle.net/26uW4/1/

SVG で data-uri を使用することを考えました。それについての考えは？私はそれをやってのける方法がわかりません。