IE8, IE9 - Как сделать фоновые изображения размытыми

Question

Я использую Fliter:blure, чтобы сделать изображения и текст размытыми на моем сайте. Он не работает нормально в IE, поэтому я добавил Filter"progid:DXImageTransform.Microsoft.Blur(pixelradius=3), чтобы заставить его работать. Этот стиль отлично работает для изображений и текста, добавленных на страницу, но не создает размытых фоновых изображений.

Кто-нибудь знает, как сделать размытие фоновых изображений в IE8/9?

Answer 1

Это наиболее полный способ сделать это; добавить его в CSS, и попробуйте добавить класс Размытие к желаемому div:

.blur { 
    filter: blur(5px); 
    /* Someday, sigh ... */ 

    -webkit-filter: blur(5px); 
    /* Prefixed CSS3 blur filters */ 

    -moz-filter: blur(5px); 
    -o-filter: blur(5px); 
    -ms-filter: blur(5px); 
    filter: url(#blur); 
    /* Firefox needs SVG */ 

    filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius='5'); 
    /* IE lte 9 */ 

    background-image: url(http://f.cl.ly/items/1J0T0L3q1h1a0c3Q0W0I/meatloaf.jpg); 
    background-repeat: repeat; 
    /* Repeat for browsers that don't support background-size */ 

    background-position: top center; 
    background-size: cover; 
    display: block; 
    width: 100%; 
} 

Я надеюсь, что это помогает ...