不透明度的模态背景导致谷歌浏览器延迟

时间:2012-01-31 17:20:52

标签: css performance google-chrome css3

我们的网络应用程序中有一个简单的模式。

没有什么特别的,它建立在twitters bootstrap库上 它包含一个半透明的白色背景背景,其中position: fixedwidth以及height设置为100%

然而,模态本身并不是静态定位而是绝对定位,这是因为模态可能比视口高,我们不希望在模态中滚动。

这就是困境,当背景出现时,谷歌浏览器中的滚动远非平滑,如果我将背景的位置更改为绝对一切都很好。
这显然不会覆盖整个页面。

我尝试用JSFiddle重现它但我不能(很可能是因为我们在网站上有更多内容)。
尽管如此,这是我的尝试:http://jsfiddle.net/LdC4w/

那么,有什么想法吗?

哦,我可以补充说,不能选择背景图片而不是不透明度。

0 个答案:

没有答案