css – IE 10的模糊过滤器

演示：http://jsfiddle.net/8pytt/3/

HTML

<div id="container">
    <h1>test</h1>
</div>

<svg version="1.1" xmlns="http://www.w3.org/2000/svg">
   <filter id="blur">
       <feGaussianBlur stdDeviation="5"></feGaussianBlur>
   </filter>
</svg>

CSS

body {
        BACkground: blue;
    }

#container {
    width: 100%;
    height: 500px;
    text-align: center;
    BACkground: blue;
    opacity: .8;
    BACkground-image: -webkit-radial-gradient(circle farthest-side,white,black);
    BACkground-image: -moz-radial-gradient(circle farthest-side,black);
    BACkground-image: -o-radial-gradient(circle farthest-side,black);
    BACkground-image: -ms-radial-gradient(circle farthest-side,black);

    -webkit-filter: blur(5pX);
    filter:url('#blur');
}

h1 {
    color: red;
    padding-top: 100px;
}