Question

IE10以上用不了blur滤镜怎么办？网上很多事模糊图片的，我想模糊的不是图片，而是一个div。

/*CSS样式*/
.nav1{
position:absolute;
width:37%;
margin-left:7%;
padding-bottom: 37%;

}

.bg_1{
position:absolute;
background-color:#546c8a;
width:100%;
padding-bottom: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius:100%;
opacity:0.7;
filter:alpha(opacity=70);
-webkit-filter: blur(4px);
-moz-filter: blur(4px);
-ms-filter: blur(4px);
-o-filter: blur(4px);
filter: blur(4px);
}
/*----------HTML------------*/
<div class="nav1">
<div class="bg_1"></div>

</div>

透明度没问题，就模糊的效果出不来，网上说IE不兼容，我想知道有没有其他可以实现的方法。求各位大神帮忙，谢谢了！

Answer 1

IE的是不好弄，你可以试试IE显示用这个filter:progid:DXImageTransform.Microsoft.Blur(pixelradius=16);效果可能不如其他浏览器的好，里面的值可以改改，达到你最理想的效果

追问

还是没效果呢，不过还是谢谢你了。