奇怪的transform bug

对一个元素使用transform:rotate 进行旋转,造成:

父元素的背景图位置偏移,往下降,背景图也会变模糊一些

造成重绘,导致该元素后面的兄弟元素受到影响,变得模糊,并且无法遮盖住父元素的背景图

解决方法:

把后面的元素写到该元素的前面,有绝对定位使之放到正确的位置

他妈的真是一个奇怪的bug,费我5个小时的时间

总结:

有时换个思考方式,改变代码的位置试试

上一篇:【python】运算优先级


下一篇:HTML5和css3的总结四