html - Web 应用程序中的图像

Question

我正在开发一个网络应用程序，我正在使用 img 标签 ( <img...> )。

当src属性为空时，显示红色x图，表示没有图片。

有什么方法可以隐藏那个红色的 X 图标吗？

Answer 1

安<img />没有 src 的标签属性是 invalid HTML .如果不想显示图像，不要输出 <img />根本没有标签。

如果你必须输出图像标签，从而破坏你的 html(我不鼓励这样做)，你可以隐藏 [X]在大多数具有以下 css 样式之一的浏览器中:

1. <img style="visibility: hidden"/>隐藏图像，但仍然占用页面空间
2. <img style="display: none"/>从页面中删除图像，使其不占用布局空间

另一种选择是实际链接到一个不会被看到的图像。经典的例子是使用 1 像素的透明 gif 图像。该图像将不可见，但它会影响页面布局。