【发布时间】：2010-06-09 00:07:09
【问题描述】：
我正在开发一个 Web 应用程序，我正在使用 img 标签 (<img...>)。
当src属性为空时，显示红色x数字表示没有图片。
有什么办法可以隐藏那个红色的 X 图标吗？
【问题讨论】：
【发布时间】：2010-06-09 00:07:09
【问题描述】：
没有src 属性的<img /> 标记是invalid HTML。如果您不想显示图像，根本不要输出<img />标签。
如果您必须输出图像标签，从而破坏了您的 html（我不鼓励这样做），您可以在大多数浏览器中使用以下 css 样式之一隐藏[X]：
-
<img style="visibility: hidden"/>隐藏图片，但仍然占用页面空间 -
<img style="display: none"/>从页面中删除图像，使其不占用布局空间
另一种选择是实际链接到一个不会被看到的图像。典型的例子是使用 1 像素的透明 gif 图像。图像将不可见，但会影响页面布局。
【讨论】：
-
+1 用于解释可见性和显示属性之间的区别。
如果将src设置为空字符串，则无需添加img标签。
【讨论】：
如果您不想打印图像，而是将其显示在屏幕上，您可以使用 CSS 媒体类型：
<style>
@media print
{
img.noprint {visibility: hidden}
}
</style>
然后为所有不想打印的图像添加一个类
<img class="noprint" .../>
【讨论】：