图片未使用CSS加载

debugcn 发表于 Dev

约书亚·沃尔夫（Joshua Wolfe）

香港专业教育学院引用了几个不同的堆栈溢出问题，并尝试了似乎与我的解决方案相似，我似乎找不到答案。为什么不加载图像？

我尝试在class标签和body标签中使用它们。Ive尝试了向前和向后的斜杠。香港专业教育学院试图清除我的缓存。香港专业教育学院试图添加其他规则的高度宽度和包含。一切都无济于事。香港专业教育学院也尝试过本地和免费网址。背景图片：image（'../ img / eye.jpg'）; 背景图片：url（“ img / eye.jpg”）;

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" href="styles\styles.css">
  </head>
  <body>
    <div class="wrapper">
      <h1>Front Page</h1>      
    </div>    
  </body>
</html>

* {
  margin: 0;
  padding: 0;
}

.wrapper {
  margin: 0 auto;
  width: 1000px;
}

.img-eye {
  background-image: url("https://pixabay.com/photos/dog-bathing-sea-waves-portrait-4565646/");
  background-size: 100%;
  height: 200px;
  width: 300px;
}

body {
  background-image: image('../img/eye.jpg');
  background-color: #000;
}

没有错误信息什么也没有。该死的东西是死锅。js小提琴上的代码也是如此。https://jsfiddle.net/greenthingsjump/htq4os9c/1/

您需要使用图片扩展名（jpg，png，svg）引用图片网址。您引用的页面带有嵌入式图像。尝试更改主体样式以包括以下网址：

https://cdn.pixabay.com/photo/2019/10/21/10/04/dog-4565646_1280.jpg

如果您不知道，您也不会使用img-eye类。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。