>  Q&A  >  본문

javascript - CSS 이미지 캐러셀 표시 문제

<!DOCTYPE html>
<html lang="ko">
<head>

으아악

</head>
<body>
<p class="wrapper">

으아악

</p>
<script type="text/javascript">

으아악

</script>
</body>
</html>

페이지에 첫 번째 사진이 아닌 마지막 사진이 표시되는 이유를 묻고 싶습니다!

为情所困为情所困2697일 전593

모든 응답(5)나는 대답할 것이다

  • 世界只因有你

    世界只因有你2017-05-31 10:43:15

    <!DOCTYPE html>
    <html>

    으아아아

    </html>

    회신하다
    0
  • 怪我咯

    怪我咯2017-05-31 10:43:15

    문제는 .wrapper li{position:absolute;left:0;top:0;}에서 발생합니다. 이 문장 위에는 모든 li가 절대적 위치에 있고 위치는 left:0, top:0이며 다음과 같습니다. 이전 이미지이므로 마지막에 표시되는 이미지이므로 바이두에서 캐러셀 이미지를 작성하는 방식은 귀하의 작성 방식에 따라 조정될 수 없습니다

    회신하다
    0
  • 黄舟

    黄舟2017-05-31 10:43:15

    으아아아

    회신하다
    0
  • 淡淡烟草味

    淡淡烟草味2017-05-31 10:43:15

    이미지 경로를 배열에 저장하고 js를 사용하여 이미지의 src 값을 대체하여 클릭 재생을 달성할 수 있습니다

    회신하다
    0
  • 给我你的怀抱

    给我你的怀抱2017-05-31 10:43:15

    모든 img 요소의 위치를 ​​절대적으로 지정합니다. 물론 마지막 요소가 맨 위에 있고 상위 컨테이너의 위치를 ​​절대적으로 지정합니다

    회신하다
    0
  • 취소회신하다