jakiestfu / Blur.js

blur.js is a jQuery plugin that produces psuedo-transparent blurred elements over other elements.
924 stars 212 forks source link

A problem with background-attachment: fixed; #34

Open igor-tv opened 9 years ago

igor-tv commented 9 years ago

If I use code:

.main {
    display: block;
    margin: 0 auto;
    width: 1000px;
    background: url(../images/bg.jpg) no-repeat;
    background-attachment: fixed;
    background-position: top center;
}
            $('.textbox').blurjs({
            source: '.main',
            radius: 20,
            overlay: 'rgba(255,255,250,0.4)'
            }); 

blur.js incorrectly calculates the background-position: top center; position of the .textbox 's blured background. I have blured window not at the same location then background of .main

Blur background position depends on the width of the browser window.

MurhafSousli commented 9 years ago

I have the same problem, but it only happens on chrome, but works on ff and ie