jquery - html div滚动条错误

Question

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

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

该问题仅出现在 google chrome 浏览器中。

Answer 1

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

Answer 2

滚动条的父容器的不透明度 < 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>