Answer the question
In order to leave comments, you need to log in
Doesn't work in FF?
Actually the question is, blur does not work in firefox. link to the site , I post it on the site for the reason that everything works fine on jsfiddle. Svg added, but to no avail. Maybe you will see something ..
img.bg {
min-height: 100%;
min-width: 1024px;
width: 100%;
height: auto;
position: fixed;
top: 0;
left: 0;
z-index: 1;
}
.blur_h {
height: 70px;
width: 100%;
bottom: 0;
left: 0;
z-index: 2;
position: absolute;
filter: blur(10px);
-webkit-filter: blur(10px);
-moz-filter: blur(10px);
-o-filter: blur(10px);
-ms-filter: blur(10px);
filter: url(#blur);
overflow: hidden;
}
<div class="blur_h">
<img class="bg" src="http://tsvg.ndv.ru/img/bg5.jpg">
</div>
<img id="bg5" class="bg" src="http://tsvg.ndv.ru/img/bg5.jpg">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg">
<filter id="blur">
<feGaussianBlur stdDeviation="5" />
</filter>
</svg>
Answer the question
In order to leave comments, you need to log in
You have 5 errors in the console, 3 of which are 404. Of course, the problem is most likely not related to this, but it’s worth putting things in order for a start... =)
Didn't find what you were looking for?
Ask your questionAsk a Question
731 491 924 answers to any question