滚动到顶部不在绝对定位的div内工作

Question

我的问题是我有一个＆＃34;滚动到顶部＆＃34;当我向其父母提供以下样式时，它不能正常工作：

background:url('http://wallpaperlepi.com/wp-content/uploads/2014/10/White-Dog-And-Glasses-Wallpaper-HD.jpg');
background-position: fixed;
background-repeat: no-repeat;
position: absolute;
left:0;
top:0;
right: 0;
width: 100%;
height: 100%;
overflow: scroll;

如果我删除绝对位置和background-position:fixed，则可行。谁能解释为什么会这样？我真的需要保留这些风格。谢谢！ 这是jsfiddle