Question

因此，我正在设置自己的网页（该网页尚未上线），并且无法添加背景图片。我已经在网上和这个网站上进行了搜索，特别是找到了解决我的问题的可能方法，但没有成功。我了解如何不使用有角度的框架而是通过一个简单的html页面（其中所有内容都保存在一个html文件中）添加背景图像。但是，当我在angular框架中尝试时，一切都崩溃了。（这意味着该图像将不会显示，或者会显示，并且根本不符合我为该图像设置的样式）

在尝试任何操作之前，我先进入angular.json文件，并将“ assets”字段更改为以下内容： “资产”：[ “ src / favicon.ico”， “ src /资产”， “ src / assets / images”->我添加了这个角度知道在哪里找到图片 ]

第一种方法：（这是在我的简单一页HTML文件中实际起作用的方法）在HTML文件中：

   <div class="bgimg-1">*usually i'd put my navbar here*</div>

在CSS文件中：

        .bgimg-1 {
            background-image: url("me_copy.jpg");
            height: 100%;
            width: 100%;
            position: relative;
            opacity: 0.8;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
          }

第二种方法：

为确保我具有正确的路径，我什至试图将图像放在网页上，而不关心样式或其他内容。我用来显示图像的路径。然后，当我进行样式设置时，该图像违反了我所有的样式限制，仅超出了网页的右侧和底部。再次，我在其他网页上使用相同的图像进行了尝试，该图像仅使用一个html文档即可完成所有工作。似乎在播放多个文件（并非所有文件都放在一个地方）时，所有文件都会崩溃。

为您带来我的期望visit 我希望该网页能够实现：

显示适合屏幕的背景图像，例如我发布的第一种方法
（这并不是我紧要解决的一个问题，我只是感到困惑，我无法解决这个问题），以使其他任何非背景图像都适合网页的大小且不会溢出。任何建议都将不胜感激。

尝试使用角度框架在网页上添加背景图片

0 个答案: