Home/ Questions/Q 7853969
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-02T19:52:29+00:00

how to apply z-index position to html scroll bar. The problem is the scrollbar

  • 0

how to apply z-index position to html scroll bar.enter image description here

The problem is the scrollbar showing the backround text.

the problem occurs only in google chrome browser.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The parent container of the scrollbar has opacity < 1.0 which means all children of that container will have at the most that opacity.

    How to fix it?

    Use two containers. 

    <div> <!-- Position this centrally, i.e what you have, but 1.0 opacity and no background -->
  <div></div> <!-- textarea/div with overflow & scrollbars here -->
  <div></div> <!-- content here with background color, opacity < 1.0 etc -->
</div>
    • 0