我制作了一個正在播放視頻的文本。我無法將文本后面的背景更改為與白色不同的東西。我想添加一張照片作為背景而不是白色。我正在使用順風 css。有人知道該怎么做嗎？
<div class="container grid">
<div
class="absolute flex justify-center items-center overflow-hidden w-full h-screen"
>
<video
class="absolute top-0 left-0 object-cover w-full h-full"
autoplay
muted
loop
src="../img/barber.mp4"
type="video/mp4"
></video>
<h1
class="absolute top-0 left-0 text-[25vw] text-center text-[#000] leading-[100vh] bg-[#fff] mix-blend-screen w-full h-full"
>
BARBER
</h1>
</div>
</div>uj5u.com熱心網友回復：
Tailwind 并不打算做CSS 可以做的所有事情。它提供顏色漸變，但聽起來不像你想要的。只需使用一些自定義樣式將背景影像應用于標題元素。
<style>
h1.fancy-bg {
background-image: url(https://via.placeholder.com/800);
background-size: cover;
background-position: center;
}
</style>
<div class="container grid">
<div
class="absolute flex justify-center items-center overflow-hidden w-full h-screen"
>
<video
class="absolute top-0 left-0 object-cover w-full h-full"
autoplay
muted
loop
src="../img/barber.mp4"
type="video/mp4"
></video>
<h1
class="absolute top-0 left-0 text-[25vw] text-center text-[#000]
leading-[100vh] bg-[#fff] mix-blend-screen w-full h-full fancy-bg"
>
BARBER
</h1>
</div>
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/441403.html
上一篇：如何洗掉表格中邊框之間的空白
下一篇：如何使標題回應？