bxslider 이미지들이 깨지는 이유(엣지만) 채택완료

엣지 버전 83.0.478.45 (공식 빌드) (64비트)를 사용중입니다.

크롬에서는 깨지지 않는데,

엣지에서만 이미지들이 제대로 나타나지 않습니다.

코드는 아래와 같습니다.

뭐가 문제일까요?

단지 엣지에 맞지 않는 걸까요?

<link href="jquery.bxslider/jquery.bxslider.css" rel="stylesheet" />

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

<script src="jquery.bxslider/jquery.bxslider.js"></script>

<ul class="bxslider">

<li><img src="images/img01.jpg" /></li>

<li><img src="images/img02.jpg" /></li>

<li><img src="images/img03.jpg" /></li>

</ul>

<script type="text/javascript">

//<![CDATA[

$(document).ready(function(){ 

$('.bxslider').bxSlider(); 

});

//]]>

$(document).ready(function(){

$('.bxslider').bxSlider({ 

auto: true,

speed: 500,

pause: 4000,

mode:'fade',

autoControls: true,

pager:true, 

});

});
</script>