css 图片 部分不显示不出来

在进行网页制作时，我们经常会使用到图片来丰富页面效果，而这些图片的展示离不开CSS的配合。但是当我们在编辑页面时却发现，有些图片无法显示或部分不显示，让人十分头疼。

这种情况一般是由于路径或文件名错误所致，下面我们来分析具体原因：

img {
  display: block;
  margin: auto;
}

<img src="/images/pic1.jpg" alt="图片1">
<img src="/images/pic2.jpg" alt="图片2">
<img src="pic3.jpg" alt="图片3">

首先，我们需要检查图片路径是否正确，比如上述代码中，第一张和第二张图片的路径是"/images/pic1.jpg"和"/images/pic2.jpg"，如果这两张图片的实际路径是"/imgs/pic1.jpg"和"/imgs/pic2.jpg"，那么就会无法显示。我们应该及时检查路径是否正确，确保图片路径和文件名都是正确的。

其次，如果我们在HTML代码中直接使用图片文件名（如"pic3.jpg"）而没有给出完整路径，那么浏览器就会默认在当前页面目录下查找图片文件。如果图片文件不在该目录下，就会无法显示。这个时候，我们需要在路径前加上"./"，表示从当前目录开始查找文件，确保路径正确。

最后，由于不同浏览器对图片支持的格式不同，有些图片可能会因为浏览器不支持而无法显示。我们可以尝试将图片转换成浏览器支持的格式，例如jpg、png等。

总之，当我们遇到CSS图片部分无法显示时，一定要注意检查图片路径、文件名是否正确，并注意图片格式是否被浏览器支持。只有这样，才能保证页面的完美显示。