本文的实现都可以通过嵌套一层标签来实现，这里其实针对的是那种 html 结构不方便修改的情况，比如是框架自己生成的，或者在一些富文本编辑器了，嵌套一层会有更多的麻烦。 但是，除了上面这些，在视觉表现上，图片灵活性就不如背景图片了。 比如img ...

运用了 background-clip: text 的元素，其背景内容只保留文字所在区域部分，配合透明文字 color: transparent，就能够利用文字透出背景。 看起来是个很有意思的动效。 仔细思考一下，要想实现这类效果，其实用到的核心属性只有一个 -- background-clip: text。 有意思的 ...