css transition 배경이미지 확대 채택완료
JinyeongJang
7년 전
조회 3,717
안녕하세요.
아래와 같이 div mouse hover 시 배경이미지를 확대하는 transition을 줬습니다. 크롬에서는 정상 작동합니다. 하지만, 익스플로러에서는 transition이 안되네요. html 구조를 바꾸지 않고 해결하는 방법을 못찾겠네요...
조언 부탁드려도 될까요?ㅠ
</p>
<p> </p>
<p><style></p>
<p>.inbox {</p>
<p> width:100%;</p>
<p> height:120px;</p>
<p> border-radius: 3px 3px 3px 0;</p>
<p> background-position: center;</p>
<p> background-size:100%;</p>
<p> -webkit-transition: all .3s linear;</p>
<p> -moz-transition: all .3s linear;</p>
<p> -o-transition: all .3s linear;</p>
<p> transition: all .3s linear;</p>
<p>}</p>
<p>.outbox:hover .inbox {</p>
<p> background-size: 150%;</p>
<p>}</p>
<p></style></p>
<p> </p>
<p><div class="outbox"></p>
<blockquote>
<p><div class="inbox" style="background-image:url(....);"></div></p>
</blockquote>
<p></div></p>
<p>
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인