首页 > 解决方案 > 如何使背景图像出现在哈巴狗上?

问题描述

哈巴狗上没有出现背景图像?经过检查,它给了我这个错误。这有关系吗?

2 localhost/:1 拒绝应用来自 ' http://localhost:3000/css/materialize.min.css ' 的样式,因为它的 MIME 类型 ('text/html') 不是受支持的样式表 MIME 类型,并且有严格的 MIME 检查已启用。

这是我在 pug 中的背景图像的源代码。

/* pictures animation  */

  .picturesz {
  
  background-image:
  url(imagez/tp9.jpg);
  animation: snow 40s linear infinite;
  }
  
  @keyframes snow {
  0% {
  background-position: 150px 150px, 150px 150px, 150px 150px;
  }
  
  80% {
  background-position: 500px 1000px, 400px 400px, 300px 300px
  }
  
  }

任何建议都非常感谢。

标签: javascripthtmlcssnode.jspug

解决方案


您确定要导入样式表吗?我的意思是,如果您在 Web 浏览器中访问http://localhost:3000/css/materialize.min.css并且是节点提供的样式表,那么提供的错误表明您正在尝试导入文本/html mime 类型,也许您的 nodejs 服务器没有按照预期的方式为您的静态文件提供服务。


推荐阅读