CSS 关于 mix-blend-mode

最近遇到的一个问题,首页的文章列表使用了未知颜色的图片做背景,想在上面显示标题和日期,遇到的问题就是颜色重合导致看不清文字。

其实使用 mix-blend-mode: difference 可以尝试去解决,但是我当时并没有意识到。

  • ps: 估计效果不太好因为颜色太斑驳。

当时的解决办法是在角落加了一个:半透明的的黑色背景,然后再显示文字,当然效果也不差。