CSS背景图像不可见

我试过它的作品，我得到它在任何地方靠近我的网络服务器，但它不工作，尝试了我的三个网站。有什么想法吗*我只是用美国宇航局的照片来回答这个问题。 是否有我不知道的许可方面？有什么事吗

我已经考虑了很多问题，但没有什么能让我有任何进展

.information {
    position: relative;
    display: inline-block;
    vertical-align: top; 
    top: 0;
    width: 45%;
    margin-left: 20px;
    background: #fff;
    height: 160px;
    background-image:url("http://www.nasa.gov/sites/default/files/images/743348main_Timelapse_Sun_4k.jpg");
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:left top;
}

---

我在JSFIDLE中访问此图像时没有遇到任何问题，因此我怀疑问题是否与权限有关

我认为问题在于，您的图像对于所提供的div区域来说太大，而只是在图像左上角显示黑色

尝试添加背景尺寸：封面；背景位置：中心；到。信息

请看这把小提琴：

---

链接不应该在CSS中使用单引号而不是双引号吗

不是

背景图片：url

试一试

删除背景附件：固定；从你的风格

表示背景相对于视口是固定的。即使元素具有滚动机制，“固定”背景也不会随元素移动

下面是一个演示，向您展示这个问题。当图像位于页面下方时，您无法看到它们。向下滚动时，可以看到以下图像：

HTML

Lorem ipsum dolor sit amet，奉献精英。去脂肪性或债务性肠胃溃疡是一种严重的慢性肠胃溃疡

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum deleniti dolor debitis iste eligendi reprehenderit voluptate dignissimos velit tempora quidem molestias tenetur accusantium ea repellendus atque neque minima quos sed!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum deleniti dolor debitis iste eligendi reprehenderit voluptate dignissimos velit tempora quidem molestias tenetur accusantium ea repellendus atque neque minima quos sed!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum deleniti dolor debitis iste eligendi reprehenderit voluptate dignissimos velit tempora quidem molestias tenetur accusantium ea repellendus atque neque minima quos sed!</p>
<div class="information"></div>
<div class="information"></div>
<div class="information"></div>
<div class="information"></div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum deleniti dolor debitis iste eligendi reprehenderit voluptate dignissimos velit tempora quidem molestias tenetur accusantium ea repellendus atque neque minima quos sed!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum deleniti dolor debitis iste eligendi reprehenderit voluptate dignissimos velit tempora quidem molestias tenetur accusantium ea repellendus atque neque minima quos sed!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum deleniti dolor debitis iste eligendi reprehenderit voluptate dignissimos velit tempora quidem molestias tenetur accusantium ea repellendus atque neque minima quos sed!</p>

---

真实照片是否位于您的网站上？请尝试删除背景附件：已修复；bahhh@3dgoo，这很有效。。。。我这辈子再也回不去了。为什么fixed会在小提琴上工作，而不会在其他小提琴上工作？你有正确的方法吗？您的图像是在图像文件夹中，还是必须遍历文件结构的某个位置？“../或者/images/yourmage.jpg等？如果您的文件不在服务器的路由中，则需要指定一个清晰的路径。该图像是因为我不想提供我的web地址。我没有，不管你是用单引号，双引号，还是不用引号，引号都没关系。如果你不确定，你可以先用谷歌搜索一下。是的，这很重要，你需要在URL CSS中使用单引号！看这把小提琴，把单引号改成双引号，背景图像就不会出现了@用户3362232-你错了。如果你需要在答案中加一个问号，那不是答案。@user3362232-不，这不重要。看看这个演示：所以我的图片应该在我的网页顶部，但我看不到。。。有趣的非常感谢。帮了大忙。

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum deleniti dolor debitis iste eligendi reprehenderit voluptate dignissimos velit tempora quidem molestias tenetur accusantium ea repellendus atque neque minima quos sed!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum deleniti dolor debitis iste eligendi reprehenderit voluptate dignissimos velit tempora quidem molestias tenetur accusantium ea repellendus atque neque minima quos sed!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum deleniti dolor debitis iste eligendi reprehenderit voluptate dignissimos velit tempora quidem molestias tenetur accusantium ea repellendus atque neque minima quos sed!</p>
<div class="information"></div>
<div class="information"></div>
<div class="information"></div>
<div class="information"></div>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum deleniti dolor debitis iste eligendi reprehenderit voluptate dignissimos velit tempora quidem molestias tenetur accusantium ea repellendus atque neque minima quos sed!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum deleniti dolor debitis iste eligendi reprehenderit voluptate dignissimos velit tempora quidem molestias tenetur accusantium ea repellendus atque neque minima quos sed!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatum deleniti dolor debitis iste eligendi reprehenderit voluptate dignissimos velit tempora quidem molestias tenetur accusantium ea repellendus atque neque minima quos sed!</p>