css 图片src空不显示

在网页中，我们经常会遇到图片无法正常加载的情况。其中一种情况就是图片的src为空导致无法显示。我们可以使用CSS来解决这个问题。

img[src=""]{
    display: none;
}

以上代码的意思是，如果图片的src属性为空，那么就将这个图片隐藏起来。这样，即使图片的src为空，也不会对网页的显示造成影响，可以提高网页的美观度。

除了上述CSS代码，我们还可以使用JavaScript来检查图片的src属性是否为空。如果为空，则将其隐藏。代码如下：

var images = document.getElementsByTagName('img');
for(var i=0; i<images.length; i++){
    if(images[i].src === ""){
        images[i].style.display = "none";
    }
}

以上代码会遍历网页中的所有图片元素，如果某个图片的src属性为空，则将其隐藏起来。

需要注意的是，如果图片的src属性是使用JavaScript动态加载的，则这些代码可能会失效。因此，在编写JavaScript代码时，需要根据具体场景进行调整。