css - 滚动条下的右下角背景

Question

我打算在我的 div 的一 Angular 使用一个小图像作为调整大小的 Controller 。我有一个问题的例子:

#scroll {
  height : 200px;
  width : 200px;
  border : red 1px solid;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsSAAALEgHS3X78AAAAsklEQVR4nNWQTYqEMBQG+77+8VD0LoaEkCDifTQa9S7VW6GdUadXs3iLWtRH8V7A65v7Sv7nA03T8OeBuq4ZhoF935/LVVXR9z3btj0vKMuSrutY15XHPxARvPfEGPHeIyL3C0QE5xwxRpxzHPlSLooCay3LsmCt5ciXBXmeY4xhnmeMMRz58gdZlqG1JoSA1poz/nEgTVOUUoQQUErxG3/ISZLQti3TNHGHTwvGceQuvwGzOfZWmm6CFQAAAABJRU5ErkJggg==) bottom right no-repeat; 
}

没有滚动条:https://jsfiddle.net/s78zkbj2/8/

带滚动条:http://jsfiddle.net/s78zkbj2/9/

如您所见，我在背景中使用的图像附加到 div 的右下角，被滚动条覆盖。

是否可以在显示滚动条时通过 CSS 将背景图像移动到 div 的可见区域(滚动条左侧)？

Answer 1

据我所知，如果没有 javascript 或 jquery 仅通过在您当前的设计中使用 css，就不可能最大化图像。