我需要一个具有线性渐变背景的固定 div。在所有浏览器中,背景始终位于 div 内的正确位置,而不是 Google Chrome (23.0.1271.52 beta-m),div 内容保持固定,但背景沿页面滚动。
先用 Firefox 再用 Chrome 查看:http://jsfiddle.net/h3WNk/
我尝试使用 background-attachment: fixed
但这种方式根本不会显示渐变。
似乎使用绝对定位可行,但即使用户滚动页面,我也需要将 div 固定在页面的左下角。
最佳答案
还尝试了 Chrome 22(非测试版)同样的结果。
令人惊讶的是,我发现添加 opacity
属性可以使 webkit 正确呈现背景,而无需随页面滚动!
什么错误
关于google-chrome - Google Chrome 的固定位置和线性渐变问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13149578/