포럼
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
ie8에서 이미지 사라지는 버그 해결법.
2012.04.03 12:39
개인적으로는
common쪽에서 <img {border:0; max-width:100%;height:auto} 가 지워지는게 옳다고 보지만
사실 이 부분을 지워줄지 안지울지는 모르는 상황에서 자구책을 알려 드립니다.
문제는 ie8에서 이미지를 감싸는 테그중에 display:inline-block이나 이와같은 속성값을 가지고 있는 float:left를 사용하면 이미지가 사라집니다.(inline-block가 오면 공간확보를 못하는 버그 같습니다.)
해결책은 간단합니다.
위 두 속성을 레이아웃에서 사용하지 않든지(이게 이미지를 바로 감싸고 있는 테그의 inline-block에 영향을 받는게 아니라 무한히 올라가서 display:inline-block을 가지고 있다면 영향을 주더군요.- 이게 가장 골치아픈 부분이 아닌가 싶습니다.)
아니면 상위 테그의 inline-block과 img 사이의 테그에 넓이를 확보해 두십시오.
이미지 바로 감싸는 tag에 style로 width를 입력해 둔다든지 아니면 css에서 width처리해도 되는거 같습니다.
단 이미지에 속해있는 width값은 해결책이 안됩니다.