我在css中引用了png的列表,如下所示:
.nav-questions:before {
background: url('../../../assets/images/nav-icons/question-list-icon-grey.png') no-repeat;
width: 25px;
height: 19px;
}
有些图像可以渲染,而有些则不能,我只能将其归结为查看开发人员工具之间的差异。可以渲染的图像具有base64编码,但是怎么可能?为什么其他图像不能渲染?
查看截图示例:
Base64
非base64
最佳答案
这些图像实际上是存在的,但这不是您请求它们的方式。开发网站时,浏览器将连接到服务器,该服务器将发送资产:HTML页面,CSS文件和图像。浏览器不允许直接访问用户的文件系统,这将是一个可怕的安全漏洞。他们仅访问服务器愿意发送的任何资源。因此,您需要设置服务器并通过浏览器中的localhost:port
连接到该服务器。然后,服务器将提供图像(当然,您也必须编写此部分)。