如何在CSS中使用非在线图像？

Question

如何在HTML （或CSS）网站中使用非在线图片（无www.sth.com/image）？

通常当我使用图片时我会<img src="link of image">但是如何使用我在计算机上本地的图片？

Answer 1

例如，如果您的图像位于目录images/image.png中，则相对于HTML文件

您将使用<img src="images/image.png" />。这将在线和本地工作。

Answer 2

如果您在本地访问该页面，则使用相对网址

如果您在服务器上托管该页面并自行访问该页面，那么您可以尝试使用file://方案URI ，但您可能会发现自己被浏览器安全限制阻止了不允许网页摆弄用户的本地磁盘。您最好通过HTTP托管图片。

如果您在服务器上托管该页面并让其他人访问该页面，则您必须通过HTTP托管该图像。您的网站访问者不能也不应该能够访问您的本地硬盘。

Answer 3

您只需在计算机上输入src属性的文件路径即可。

例如，如果您的图片位于C:/files/image.jpg，只需使用<img src="C:/files/image.jpg' />，您也可以使用相对路径。

但是，请注意，这仅适用于您的本地计算机，并且会在其他没有图像的计算机上生成404错误。