【问题标题】:Does CSS mix-blend-mode work with transform?CSS mix-blend-mode 是否适用于变换?
【发布时间】:2016-09-07 11:56:35
【问题描述】:

显然 mix-blend-mode 不能很好地与 transform: translate()z-index 配合使用。将这些中的任何一个应用于某些文本元素将立即取消 mix-blend-mode 效果。

问题

  1. 这是一个已知的限制吗?
  2. 是否有基于 CSS 的解决方法?

我知道我可以使用 JavaScript 来模仿 transform: translate() 功能,但这并不理想。

【问题讨论】:

  • 我在 Chrome 而不是 Firefox 中看到了同样的东西。
  • 在 chrome 中仍有问题,但在 firefox 中没有问题

标签: css mix-blend-mode


【解决方案1】:

我遇到了同样的问题,我发现的解决方法是将transform: translate() 替换为position:absolutemargin-top:<y>pxmargin-left:<x>px

注意:负边距是有效的,因此它仍然适用于负 xy

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2021-04-30
    • 1970-01-01
    • 2017-09-16
    • 1970-01-01
    • 1970-01-01
    • 2020-12-12
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多