使用谷歌浏览器的固定位置和线性渐变问题

Question

我需要一个具有线性渐变背景的固定div。在所有浏览器中，背景始终位于div内的正确位置，而使用Google Chrome（23.0.1271.52 beta-m），div内容保持固定，但背景会沿着页面滚动。

使用Firefox然后使用Chrome查看此内容：http://jsfiddle.net/h3WNk/

我尝试使用background-attachment: fixed，但这种方式根本不会显示渐变。

似乎使用绝对定位有效，但即使用户滚动页面，我也需要将该div固定在页面的左下角。

Answer 1

还尝试了Chrome 22（非测试版）相同的结果。 令人惊讶的是，我发现添加opacity属性可以使webkit正确呈现背景，而无需使用页面滚动它！ 真是个错误