图像在firefox中没有正确显示

时间:2014-06-04 12:18:04

标签: html css image google-chrome firefox

如果图像在文件夹中不可用,那么浏览器只显示具有给定高度和宽度的img标签,但在这种情况下firefox会产生问题..

问题:我正在使用img属性来显示图片。在Firefox中它看起来像 我正在使用style ="宽度:180px;身高:185px;"

enter image description here

但在chrome中它看起来像

enter image description here

2 个答案:

答案 0 :(得分:1)

删除属性alt=""它也可以在Mozilla中使用。

Demo

HTML

<img src="youImage.jpg" style="width: 180px; height: 185px;"/>

的Mozilla

enter image description here

enter image description here


如果您希望使用alt ** Demo **

答案 1 :(得分:0)

试试这个:

@-moz-document url-prefix(http), url-prefix(file) {
    img:-moz-broken{
    -moz-force-broken-image-icon:1;
    width:180px;
    height:185px;
    border:1px solid #000;
    }
}

Example jsfiddle

编辑:Gaurav发布的解决方案更好,请改用它。

  

-moz力破碎图像图标

     

不建议使用此属性。应该使用正确的alt属性。