我正在制作一个网站，但设计师尚未构建所有图片。在Chrome，Safari甚至是IE中，我可以将其用作占位符图片：
<img src="" alt="Placeholder" title="Placeholder" height="400" width="300">
它显示为400x300的框，并且alt / title文本显示在其中。但是，在Firefox中，alt文本存在，但图像没有保持适当的尺寸。图像下面的内容出现在alt文本后面，而不是下面的几百个像素。这完全打破了布局。我是否必须制作一个实际的占位符.png，或者有没有办法让Firefox显示占位符的正确尺寸？
Here's a pen证明了这个问题。您会注意到，除了HTML属性之外，即使添加CSS高度和宽度属性，它也不起作用。
如果问题没有出现 - 如果占位符图像显示为400px高 - 请在评论中告诉我您所使用的操作系统和FF版本。这对每个人来说都不是问题。
答案 0 :(得分：1)
在删除alt属性时尝试使用Firefox。
如果无法显示图片（这就是＆＃34; alt＆＃34;文本应该用于），Firefox只会显示替代文字。但是，我认为有一种方法可以让Firefox做你想做的事情：
在Firefox中打开一个新标签，然后输入＆＃34; about：config＆＃34; （地址栏中没有引号）。 输入＆＃34;图像＆＃34; （再次，没有引号）＆＃34; Filter＆＃34;框 确保＆＃34; browser.display.show_image_placeholder＆＃34;选项设置为＆＃34; true＆＃34; （双击它将切换值）。