在角度中使用图像

Question

我有图像存储在assets文件夹内的images文件夹中

app 
  -app.component.css
assets
  -images
     -some-image.png

我试图在背景图像中的css中获取图像,但我认为我有路径相关的问题,因为我似乎无法带来图像.

background-image:  url(../../../assets/images/some-image.png) no-repeat center top;

帮助将不胜感激.

Answer 1

尝试使用宽度和高度添加如下样式.另外,隔离背景重复和背景位置.它有用.

  background-image:  url(../assets/images/some-image.png);
  background-repeat: no-repeat;
  background-position: center-top;
  width: 100%; // any width
  height: 230px; // any height

为了让它看起来更好你可以添加,

background-size: contain;

更新:

没有宽度和高度的图像没有显示的原因,因为没有内部元素,默认div的高度为0.但是,它的默认宽度已经为100%.因此,当我们使用CSS背景图像属性添加图像时,我们要添加height属性.