CSS 將一個 HTML 頁面作為另一個頁面的背景

直接回答

HTML 不能直接作為 CSS 背景圖片。背景屬性（background-image）僅接受圖片 URL（png/jpg/svg 等）或漸變。

替代方案

1. iframe 嵌入：<iframe src="page.html" style="position:fixed;top:0;left:0;width:100%;height:100%;border:none;z-index:-1;"></iframe>，但存在跨域、滾動衝突、SEO 問題。
2. 服務端渲染合成：模板引擎將兩個頁面內容合併輸出為單一 HTML。
3. 前端動態加載：fetch('page.html').then(r=>r.text()).then(html=>{ container.innerHTML = html; }) 將片段插入容器。
4. 背景圖片化：將目標頁面截圖生成圖片，作為背景（無交互）。

建議

闡明業務場景（如：嵌入第三方頁面、複用組件），選擇最適合的技術方案。現代前端傾向於組件化開發，而非頁面級嵌套。