Firefox가 CSS에서 지정한 크기 내에서 빈 이미지를 렌더링하도록 강제

Question

FF를 제외한 모든 주요 브라우저는 CSS 또는 너비/높이 특성에 의해 지정된 크기의 잘못된 src 특성을 가진 이미지를 렌더링합니다. FF만이 alt 노드의 속성을 문자 노드처럼 렌더링합니다. 치수를 무시하면 레이아웃이 깨지는 경우가 많습니다.

FF가 지정된 크기 내에서 이미지를 렌더링하도록 강제 할 수 있습니까?

Answer 1

는 width: 및 img 태그 자체에 height 속성을 작성하거나 CSS에 width 및 height에 대한 !important를 사용하려고

Answer 2

는 CSS에이 규칙을 추가하는 시도 :에서

@-moz-document url-prefix(http), url-prefix(file) { 
    img:-moz-broken{ 
    -moz-force-broken-image-icon:1; 
    width:100px; 
    height:100px; 
    } 
} 

jsfiddle sample

소스 : https://stackoverflow.com/a/6744791/1915183

Answer 3

당신은 DOM 요소를 표현

img{ 
display:block; 
} 

또는

img{ 
display:inline-block; 
} 

또는

img{ 
float:left; 
}