我想知道atom.io网站是如何得到它的背景的。当我检查源时,没有图像的链接。当我点击图像时,我也无法保存。
我可以知道如何在我正在开发的网站上获得类似的功能吗?
答案 0 :(得分:2)
他们使用带有CSS背景图片的import codecs
codecs.register_error("strict", codecs.ignore_errors)
。
如果你想做类似的事情,请写下你的<div>
:
div
并在样式表中编写此CSS:
<div class="mybackground"></div>
答案 1 :(得分:1)
继续@Simrandeep Singh,你会在css中使用这样的东西:
.hero {
background-image:url('/path/to/image');
background-repeat: no-repeat;
background-position: center;
}
请注意atom.io使用了svg图像,可能是使用Adobe Illustrator等程序创建的。这使用矢量形状来创建可以在网站上设置动画的图像(当您向下滚动页面时可以在图像中看到这一点。)
我希望这会有所帮助。