<!DOCTYPE html><html lang="ko"><head>
</head><body><p class="wrapper">
</p><script type="text/javascript">
</script></body></html>
페이지에 첫 번째 사진이 아닌 마지막 사진이 표시되는 이유를 묻고 싶습니다!
<!DOCTYPE html><html>
</html>
문제는 .wrapper li{position:absolute;left:0;top:0;}에서 발생합니다. 이 문장 위에는 모든 li가 절대적 위치에 있고 위치는 left:0, top:0이며 다음과 같습니다. 이전 이미지이므로 마지막에 표시되는 이미지이므로 바이두에서 캐러셀 이미지를 작성하는 방식은 귀하의 작성 방식에 따라 조정될 수 없습니다
으아아아
이미지 경로를 배열에 저장하고 js를 사용하여 이미지의 src 값을 대체하여 클릭 재생을 달성할 수 있습니다
모든 img 요소의 위치를 절대적으로 지정합니다. 물론 마지막 요소가 맨 위에 있고 상위 컨테이너의 위치를 절대적으로 지정합니다
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
<!DOCTYPE html>
으아아아<html>
</html>
문제는 .wrapper li{position:absolute;left:0;top:0;}에서 발생합니다. 이 문장 위에는 모든 li가 절대적 위치에 있고 위치는 left:0, top:0이며 다음과 같습니다. 이전 이미지이므로 마지막에 표시되는 이미지이므로 바이두에서 캐러셀 이미지를 작성하는 방식은 귀하의 작성 방식에 따라 조정될 수 없습니다
으아아아
이미지 경로를 배열에 저장하고 js를 사용하여 이미지의 src 값을 대체하여 클릭 재생을 달성할 수 있습니다
모든 img 요소의 위치를 절대적으로 지정합니다. 물론 마지막 요소가 맨 위에 있고 상위 컨테이너의 위치를 절대적으로 지정합니다