A problem with background-attachment: fixed;
Opened this issue · 1 comments
igor-tv commented
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
I have the same problem, but it only happens on chrome, but works on ff and ie