A
A
Aleksandr2015-06-17 10:22:33
css
Aleksandr, 2015-06-17 10:22:33

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

1 answer(s)
D
Dmitry Shinkar, 2015-06-17
@DeadCowsDontMoo

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 question

Ask a Question

731 491 924 answers to any question