文本与图片的融合技术 转自马黑教程专版

admin

送上人 [唐]劉長卿

孤云将野鹤，岂向人间住。
莫买沃洲山，时人已知处。

admin

<style>
.bgBox{
        margin: auto;
        width: 500px;
        height: 281px;
        position: relative;
}
.bgBox img { width: 100%; }
.bgBox p {
        position: absolute;
        top: 0; left: 0;
        width: 100%;
        height: 100%;
        font: 900 2em / 1.2em Sans-serif;
        color: gold;
        text-align: center;
        text-shadow: 1px 1px 2px rgba(0,0,0,.6);
        mix-blend-mode: difference;
}
</style>

<div class="bgBox">
        <img src="https://638183.freep.cn/638183/Pic/2022/jz.gif" alt="" />
        <p>送上人 [唐]劉長卿<br><br>孤云将野鹤，岂向人间住。<br>莫买沃洲山，时人已知处。</p>
</div>