google-chrome - Google Chrome 的固定位置和线性渐变问题

标签 google-chrome css webkit linear-gradients

我需要一个具有线性渐变背景的固定 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/

相关文章:

ios - com.apple.WebKit.WebContent 掉落 113 错误 : Could not find specified service

google-chrome - 无法根据特定条件动态更改 chrome 扩展图标

html - 为什么我的头像不显示?

android - -webkit-transform 在 Android webview 中不起作用

javascript - 是否有 WebGL 的公共(public)规范?

javascript - 获取 css 最高值作为数字而不是字符串?

google-chrome - 页面未在 chrome 中加载

google-chrome - 在 Chrome Dev Tools 中切换断点的快捷方式

javascript - 使用 pushState 后浏览器中的后退按钮无法正常工作(在 Chrome 中)

jquery - border-radius.htc 是否支持隐藏/显示 div?