CSS background-attachment:local with direction:rtl

时间:2017-01-28 21:46:52

标签: html css css3 google-chrome background-attachment

我有一个可滚动的div,并且在滚动div时尝试在div顶部实现阴影。

我在codepen上发现了这个简单的实现: https://codepen.io/bennyzhao/pen/iGoBm

这个例子对我有用,但在我玩游戏之后,当background-attachment: local设置为direction时,我发现rtl的行为有些奇怪。

我在codepen上创建了一个非常简单的示例来显示奇怪的行为: https://codepen.io/Ron537/pen/ZLaqoG

我注意到问题存在于Google Chrome中,但与Microsoft Edge配合使用。

这是一个图像比较: Chrome vs Edge

正如您所看到的,使用Google Chrome时,背景不会占据整个div宽度,但会留下一些空白。

这是一个已知的错误吗? 有解决方案吗?

0 个答案:

没有答案
相关问题