html div滚动条错误

Question

如何将z-index位置应用于html滚动条。

问题是显示背景文本的滚动条。

问题仅在Google Chrome浏览器中出现。

Answer 1

如果没有正确定位，Z-index将无法正常工作。尝试将position: relative;添加到该textarea元素。

Answer 2

滚动条的父容器具有不透明度＆lt; 1.0表示该容器的所有孩子最多都具有不透明度。

如何解决？

使用两个容器。

<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>