CSS 스프라이트를 사용할 수는 있지만 모든 이미지를 블록이나 디스플레이로 만들 필요는 없습니다 : 블록 요소?

Question

CSS Sprites를 사용하고 싶습니다만, 이전에는 방대한 스케일로 사용하지 않았고 모든 이미지가 CSS Spirites (배경 이미지)를 사용하여 표시되는 것처럼 보였습니다. div 또는 span을 display: block으로 지정하면 너비와 높이를 가질 수 있습니까?

그렇다면 <img>으로 이전에는 자연히 인라인 요소로 흐를 수 있지만 이제는 floated이어야합니다.

inline-block으로 표시 될 수도 있지만 모든 브라우저에서 제대로 지원되지 않는다고 생각합니까?

Answer 1

나는 (현대 FF가 좋은 것처럼 Firefox 용 공급 업체 스타일을 무시하지만) this fix for inline-block when spiriting을 사용합니다.

FTA : IE가 한 요소 hasLayout의 등 일반적으로 좋은입니다

display:-moz-inline-stack; 
display:inline-block; 
zoom:1; 
*display:inline; 

참고.