将gve css3旋转到Chrome中的DIV然后背景附件:修复创建错误

san*_*eep 23 css google-chrome rotation css3 css-transforms

background-attachment:fixed的工作正常.但是当我在那个DIV上定义CSS3旋转并向下滚动然后background-attachment:fixed停止工作.

检查这个http://jsfiddle.net/P3jS4/

现在我正在研究chrome18.

当你删除旋转css然后后台附件:修复工作正常.

http://jsfiddle.net/P3jS4/2

Spl*_*iFF 8

这不是一个错误.

你正试图做一些规范还没有定义的东西.它在评论中说:

固定背景在变换中做了什么?它们应该完全忽略变换,因为 - 甚至变换 - 对象应该充当"舷窗",通过它可以以原始形式查看固定背景.

问题是"固定"意味着相对于视口(浏览器窗口),而不是父元素.视口不会旋转,只有一个视口.

鉴于规范还没有确定正确的方法是什么,那么我们不知道你的意思是"不工作".如果它在其他浏览器中"有效",那是因为他们在不等待规范更新的情况下做出了判断.您应该更新您的问题以反映您想要的行为,而不是它是否"有效".

由于您在规范之外工作,因此在此阶段没有必要期望浏览器修复.我的建议是修改您的代码,以便您通过以下方法之一遵循规范:

  • 使用img而不是背景
  • 使用画布或SVG
  • 在绘画程序中旋转背景
  • 将背景放在旋转元素后面的元素上

如果这些都不能使用,并且没有其他可用的解决方法,那么您的答案就是无法完成.

更新:我刚刚意识到我链接的规范已经被更新的版本所取代,它将预期的行为澄清为:

固定背景受为根元素指定的任何变换影响,而不受任何其他变换的影响.

因此,具有固定背景的元素仍然像固定到视口的图像中的"舷窗"一样,并且元素上的变换影响舷窗,而不影响其后面的背景.另一方面,转换根元素仍将转换页面上的所有内容,而不是除了固定背景之外的所有内容.

假设"不工作"意味着背景不会旋转,那么您所做的事情将无法在符合标准的浏览器中运行.