transform和position:fixed

这两天做个项目,本来都OK了,但是最后加了一个动画后,发现之前的弹出层的定位失效了
transform:translateX
真的是百思不得其解
百度后,得知是规范中有规定:如果元素的transform值不为none,则该元素会生成包含块和层叠上下文。https://link.zhihu.com/?target=http%3A//www.w3.org/TR/css3-transforms/%23issue-ca2c412c

宝宝顿时方了,最后只有曲线救国,不让一个元素同时有这两个属性

下面是一些文档,以后在做项目的时候就注意一下吧
https://www.w3.org/Bugs/Public/show_bug.cgi?id=16328
https://www.w3.org/TR/css-transforms-1/#issue-ca2c412c

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,183评论 19 139
  • 目 录 一、测试地点/场地|Test sites / testing grounds(11条)二、HTTP代理/编...
    流弊的小白阅读 6,646评论 0 6
  • 这两天,“一对师徒、两地鸡毛的相爱相杀”,也算是大新闻了。我对新闻大小的判定,十分简单粗暴,如果我那对微信不太感冒...
    芳宝落落阅读 3,308评论 12 3
  • WEB-INF目录结构 1.WEB-INF是Java的WEB应用的安全目录。所谓安全就是客户端无法访问,只有服务端...
    27b0bd2612de阅读 1,279评论 0 0
  • 这个问题,我很难讲,也难以评判。因为男友总会为自己的未来着想,我却会为他想。 所以,现在我才遇到了这个问题。 我到...
    page2阅读 4,062评论 1 0

友情链接更多精彩内容