我正在使用 Tailwind CSS 和 JS 創建一個 HTML 網站。我在 styles.css 中添加了一張圖片，但它沒有顯示出來。
<div class="main-section flex-1">
<div class="main-section-banner h-44">
</div>
</div>
.main-section-banner {
background-image: url("images/amazonbanner.jpg");
background-position: center;
background-size: cover;
}
uj5u.com熱心網友回復：
將您的客戶風格放在順風宣告之下。像這兒：
@tailwind base;
@tailwind components;
@tailwind utilities;
.main-section-banner{
background-image: url("https://via.placeholder.com/500");
background-position: center;
background-size: cover;
}
uj5u.com熱心網友回復：
嘗試使用 Tailwindbg-實用程式類來添加您的背景圖片：
<div class="main-section flex-1">
<div class="bg-[url('https://via.placeholder.com/500')] h-44">
</div>
</div>
uj5u.com熱心網友回復：
我以前也遇到過這種情況。我建議將它放在 html 檔案的頭部。
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/413024.html
標籤：