我正在使用 Angular 创建一个测试网站，只是为了学习一些东西。首先，我将所有内容放入 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>然后我复制了这个 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>但后来我的网站开始看起来像这样：我哪里犯了错误？我的 app.component.css 是空的，因此没有任何东西能够改变该背景的外观。我看不出该段落和正文本身之间有任何联系，但背景仍然与我的美元钞票相关。当我将其放入 app.component.css 中时：body { position: absolute;}，然后我得到这个：我只是 html/css 的初学者，但所有有关背景图像的教程对我来说没有任何改变
1 回答
德玛西亚99
TA贡献1770条经验 获得超3个赞
看起来您有两个身体标签:)
其中第一个位于 ( index.html)，第二个位于app.component.html：
<body> <app-root></app-root> </body>
您可以将 body 保留在 中app.component.html，但应该将其从 index.html 中删除。我想，并申请display: block; height: 100%应用程序根。
- 1 回答
- 0 关注
- 50 浏览
添加回答
举报
0/150
提交
取消