Javascript 风格＝“；背景图像不工作，但img正在工作

我正在处理AngulerJS项目，下面的内容没有加载

<div class="fill" style="background-image:url('images/header_img1.png')"></div>

但使用img标签是可行的

<img src="images/header_img1.png" class="fill">

你知道为什么背景图像不工作吗。我还注意到，尽管img标记有效，但fill类并没有任何影响

---

我只是想知道这是因为Anguler JS吗？

问题似乎出在chrome上（猜测您正在使用该浏览器）。在这种情况下，请删除url周围的引号

<div class="fill" style="background-image:url(images/header_img1.png)"></div>

---

问题似乎出在chrome上（猜测您正在使用该浏览器）。在这种情况下，请删除url周围的引号

<div class="fill" style="background-image:url(images/header_img1.png)"></div>

---

我猜你的div根本没有大小。尝试使用

min height

和

min width

设置大小

另外，您是否可以添加一些已检查元素的屏幕截图

.fill{
显示：内联块；
最小高度：200px；
最小宽度：200px；
背景：#ccc无重复中心；
背景尺寸：封面；
}

---

我猜你的div根本没有大小。尝试使用

min height

和

min width

设置大小

另外，您是否可以添加一些已检查元素的屏幕截图

.fill{
显示：内联块；
最小高度：200px；
最小宽度：200px；
背景：#ccc无重复中心；
背景尺寸：封面；
}

---

在网络选项卡中查看404响应

---

尝试在image

/images/header\u img1.png

之前添加斜杠，如果绝对url为

请检查网络选项卡中的404响应

---

尝试在image

/images/header\u img1.png

之前添加斜杠，如果绝对url是使用firefoxim的

im使用firefoxim这是我的填充。似乎一门课的风格没有影响。填充{width:100%；height:100%；background position:center；-webkit背景尺寸：cover；-moz背景尺寸：cover；背景尺寸：cover；-o-background-size:cover；}好吧，我想问题在于

高度：100%

-它是否填充了您想要的100%的内容？您可以将鼠标悬停在检查窗口中的HTML元素上进行检查。我怀疑您的元素只有0px的高度。当我不使用Anuler JS时，backround-image正在工作。您可以检查您的元素并发布计算样式吗？这是我的填充。似乎一门课的风格没有影响。填充{width:100%；height:100%；background position:center；-webkit背景尺寸：cover；-moz背景尺寸：cover；背景尺寸：cover；-o-background-size:cover；}好吧，我想问题在于

高度：100%

-它是否填充了您想要的100%的内容？您可以将鼠标悬停在检查窗口中的HTML元素上进行检查。我怀疑你的元素只有0px的高度。当我不使用Anuler JS时，backround-image正在工作。你能检查你的元素并发布计算样式吗？试试这个

试试这个