html - 关于如何使用纯 CSS 制作这个的任何想法？文本剪辑到背景图像

Question

我尝试使用背景剪辑：文本我遇到的问题是背景为白色，图像通过文本显示，我尝试使用 z 索引认为可行。我不确定这是否可能，只是在寻找创意。

https://codepen.io/anon/pen/ZmpbyP

background: url('http://unsplash.it/720x766');
  background-repeat: no-repeat;
  background-size:cover;
 -webkit-background-clip:text;
  color:transparent;

这就是我想出的，告诉我你的想法/如果代码可以以任何方式更好。当我单击它时，codepen 链接不起作用，就像卡在刷新循环中一样？

标签： htmlcss