我有一個(gè)可滾動(dòng)滑塊，我已將背景線性效果放入制作::after它的父標(biāo)簽中overflow:scroll，但是當(dāng)我向左滾動(dòng)時(shí)，背景顏色隨內(nèi)容移動(dòng)。我希望它固定在正確的位置。讓我展示示例代碼：.coursesSection--slider { display: flex; overflow: auto; position: relative;}.coursesSection--slider::after { content: ''; background-image: linear-gradient(to right, transparent 95%, #fff 100%); width: 100%; height: 100%; position: absolute; right: 0; top: 0;}.courseCard { flex: 0 0 auto; width: 100px; height: 100px; background-color: red; margin-right: 10px;}<div class="coursesSection--slider"> <div class="courseCard"></div> <div class="courseCard"></div> <div class="courseCard"></div> <div class="courseCard"></div> <div class="courseCard"></div> <div class="courseCard"></div> <div class="courseCard"></div> <div class="courseCard"></div></div>看到背景線性效果，當(dāng)你向左滾動(dòng)時(shí)，它會(huì)移動(dòng)，我想只修復(fù)該部分（父 html 標(biāo)簽）。讓我告訴你一件重要的事情，我在頂部和底部都有內(nèi)容，所以我不能給它positon: fixed;，它會(huì)破壞它，并且不會(huì)完美運(yùn)行。請(qǐng)幫我
修復(fù)顯示中的背景線性顏色：flex 溢出滾動(dòng)內(nèi)容 - CSS
慕蓋茨4494581
2023-10-04 16:57:11
