我正在做圖像比較功能。它工作得很好，除了前（藍(lán)色）圖像改變寬度時(shí)圖像閃爍之外。似乎是某種問(wèn)題z-index？行為因所使用的瀏覽器而略有不同：Safari：忽隱忽現(xiàn)鉻：閃爍很多Firefox：始終顯示綠色圖像const $imageSlider = document.querySelector(".image-slider");const $sliderHandle = $imageSlider.querySelector(".image-slider__handle");const $container = $imageSlider.querySelector(".image-slider__container--left");const handleMouseMove = event => {  const sliderPosition = `${(event.offsetX / $imageSlider.offsetWidth) * 100}%`;  $container.style.width = sliderPosition;  $sliderHandle.style.left = sliderPosition;};$imageSlider.addEventListener("mousemove", event =>  requestAnimationFrame(() => handleMouseMove(event)));.image-slider {  position: relative;  display: inline-block;}.image-slider__handle {  content: " ";  position: absolute;  left: 50%;  top: 0;  bottom: 0;  display: block;  width: 0.25rem;  background-color: white;  transform: translateX(-50%);}.image-slider__container {  height: 100%;}.image-slider__container--left {  position: absolute;  width: 50%;  overflow: hidden;}.image-slider__image {  display: block;  height: 100%;}<p>Move the mouse across the surface below to compare images:</p><div class="image-slider">  <div class="image-slider__container image-slider__container--left">    <img src="https://via.placeholder.com/200/0000FF/808080?text=Lorem" class="image-slider__image" alt="" />  </div>  <div class="image-slider__container image-slider__container--right">    <img src="https://via.placeholder.com/400/00FF00/808080?text=Ipsum" class="image-slider__image" alt="" />  </div>  <div class="image-slider__handle"></div></div>