我正在使用 Angular 創(chuàng)建一個(gè)測(cè)試網(wǎng)站,只是為了學(xué)習(xí)一些東西。首先,我將所有內(nèi)容放入 index.html 中,這就是我想出的外觀:索引.html:<!doctype html> <html><head> <meta charset="utf-8"> <title>Reiche Freunde</title> <base href="/"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="icon" type="image/x-icon" href="favicon.ico"></head><body> <a href="http://google.com"> <p style="text-align: center; margin-top: 15%;"><img src="assets/Mony.gif" /></p> </a></body></html>然后我復(fù)制了這個(gè) html 代碼并將其輸入到 app.component.html 中。回到index.html,我改變了<body style="background-image: url('assets/geld.jpg');"> <a href="http://google.com"> <p style="text-align: center; margin-top: 15%;"><img src="assets/Mony.gif" /></p> </a></body>到<body> <app-root></app-root></body>但后來(lái)我的網(wǎng)站開(kāi)始看起來(lái)像這樣:我哪里犯了錯(cuò)誤?我的 app.component.css 是空的,因此沒(méi)有任何東西能夠改變?cè)摫尘暗耐庥^。我看不出該段落和正文本身之間有任何聯(lián)系,但背景仍然與我的美元鈔票相關(guān)。當(dāng)我將其放入 app.component.css 中時(shí):body { position: absolute;},然后我得到這個(gè):我只是 html/css 的初學(xué)者,但所有有關(guān)背景圖像的教程對(duì)我來(lái)說(shuō)沒(méi)有任何改變
1 回答

德瑪西亞99
TA貢獻(xiàn)1770條經(jīng)驗(yàn) 獲得超3個(gè)贊
看起來(lái)您有兩個(gè)身體標(biāo)簽:)
其中第一個(gè)位于 (?index.html
),第二個(gè)位于app.component.html
:
<body> ??<app-root></app-root> ??</body>
您可以將 body 保留在 中app.component.html
,但應(yīng)該將其從 index.html 中刪除。我想,并申請(qǐng)display: block; height: 100%
應(yīng)用程序根。
- 1 回答
- 0 關(guān)注
- 159 瀏覽
添加回答
舉報(bào)
0/150
提交
取消