[css text plus background image overlay effect]

html code

<h1 class="title">这是一个文字加背景图叠加</h1>

css code

.title{
    
    
	width: 100%;
	background-image: url(https://little-dev.elloworld.cn/Ju/IPSA_game_PC/assets/guide_p1.296a238f.jpg);
	background-repeat: no-repeat;
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
}

renderings