所有,
我希望能够在我的CSS中使用calc()和transform:translateX.
例如.,
#myDiv { -webkit-transform: translateX(calc(100% - 50px)); -moz-transform: translateX(calc(100% - 50px)); transform: translateX(calc(100% - 50px)); }
虽然这在Chrome,Safari和Firefox中完美运行 – 但它在IE10或IE11中不起作用.
你可以在这里看到一个简单的例子:http://jsfiddle.net/SL2mk/9/
这不可能吗?它是IE中的错误,还是calc()不应该在这种情况下工作?
对于它的价值 – 我读了here你可以“堆叠”translateX来实现相同的效果,我的测试似乎证实了这一点.即,
#div { transform: translateX(calc(100% - 50px)); }
是相同的:
#div { transform: translateX(100%) translateX(-50px); }
但我不知道这是否是最好,最可靠,面向未来的方法.
我也知道可以使用left而不是translateX,但是后者在使用过渡时更加平滑,因为据我所知,它强制使用GPU来处理动画.
提前感谢您的建议和见解!
解决方法
原文地址:https://www.jb51.cc/html/231984.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。