网络应用中的图片

Question

我正在开发一个Web应用程序,我正在使用img标签(<img...>).

当src属性为空时,它显示红色x图形,表示没有图像.

有没有办法隐藏那个红色的X图标？

Answer 1

<img />没有src属性的标记是无效的HTML.如果您不想显示图像,请不要输出 <img />标记.

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

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

另一种选择是实际链接到不会看到的图像.典型的例子是使用1像素透明gif图像.尽管图像将影响页面布局,但图像将不可见.