채택완료

css 깨짐현상

크롬에서는 괜찮은데 익스플로러에서는 문제가 되네요.

http://at0005.iwinv.net/

 

정상 크롬으로 보았을때 아래의 이미지처럼 괜찮은데...

3731945356_1556790428.3723.png

 

문제의 익스플로러로 보았을때 저렇게 깨지면서 나옵니다...3731945356_1556790382.3508.png

 

고수님들 도와주세요 ㅠㅠ

|

답변 3개

채택된 답변
+20 포인트

일단 .company-list a 에 display:block을 해주시고
.company-list a .cl-top 에 position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)
해주시면 될거같습니다. 결과값 스샷입니다.
thumb-3067086384_1556841687.0625_730x254.png
thumb-3067086384_1556841661.0211_730x225.png

.company-list a::before

여기에 height:100% 를 height:300px; 로 하면 일단 해결되긴 합니다...

IE에선 transition가 정상작동하지 않습니다.

IE에서도 호환이 가능한 css요소를 사용하시거나 대체할 수 있는 자바스크립트 플러그인 등을 사용하셔야 합니다

답변을 작성하려면 로그인이 필요합니다.