Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如果原始图像没有';还没找到吗?_Html_Css - Fatal编程技术网

Html 如果原始图像没有';还没找到吗?

Html 如果原始图像没有';还没找到吗?,html,css,Html,Css,基本上就是标题所说的 我正在制作一个html页面,并使用图像作为链接。但是,如果找不到指定的文件,是否可以使图像显示默认图标?您必须使用javascript: <img src="404image" onerror="this.src='images/not_found.png';" /> 如果在css中指定图像的宽度和高度,则可以将背景图像设置为未找到图像: img{ 宽度:100px; 高度:100px; 背景:url(http://goo.gl/vyAs27)无重复滚动0;

基本上就是标题所说的


我正在制作一个html页面,并使用图像作为链接。但是,如果找不到指定的文件,是否可以使图像显示默认图标?

您必须使用javascript:

<img src="404image" onerror="this.src='images/not_found.png';" />

如果在css中指定图像的宽度和高度,则可以将背景图像设置为未找到图像:

img{
宽度:100px;
高度:100px;
背景:url(http://goo.gl/vyAs27)无重复滚动0;
}

如果您只想显示没有任何虚拟图像/标题的空白区域,请删除您在
img
标记中指定的alt选项

<img src='not_found.jpg' alt='' class=''>

这里没有找到源代码。jpg是错误的路径,不会给出任何图像。 样品o/p的PFA

    这里的第一个图像在得到有效的SRC时显示出来。第二个图像显示没有任何标题的空白。

设置所需的图像分辨率。 例如 我需要图像大小:100X100。为文件夹设置实时图像路径或设置正确的图像源路径

CSS:

HTML:


p{
字体系列:“Lucida控制台”、“Courier New”、monospace;
}

img{
宽度:100px;
高度:100px;
背景:url(https://i0.wp.com/reviveyouthandfamily.org/wp-content/uploads/2016/11/house-placeholder.jpg?ssl=1)无重复滚动0;
}

除代码> >代码外,还可以使用<代码> >代码>错误处理程序来使用JavaScript设置Src。不幸的是,除非<代码>宽度和<代码>高度> /代码>被设置在<代码> IMG TAG中,否则空白空间将被折叠。问题是如何处理一个图像无法加载的情况。这只是一个带有静态源的标准图像元素的示例。虽然CSS样式解决了其他答案的一些缺点,但它根本无法回答所问的问题。您的答案与问题不符。请提供一个有用的答案。
img {
   width:100px;
   height:100px;
}
<img src="https://dummyimage.com/100/00ff48/ff0000.png&text=Image+Found" alt="not found image" />