在div周围制作黑点

Question

我实现了Spectrum Color Picker。我想做一个微小的改变。可以拖动选择颜色的黑点，类名是sp-dragger。我想编辑source file，这样当你将黑点一直拖到一边时，（顶部、右侧、底部和左侧，）任何从类名sp-color 的边界开始的东西都应该隐藏黑点。

（图片来自 Adob​​e Illustrator）

我认为这样做的方法是创建一个 div，或者使用现有的 div，并使z-index 高于黑点。

JSFiddle

JavaScirpt Source

CSS Source

Answer 1

在css源码中寻找这部分：

.sp-color {
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    right:20%;

   /* Then add this line */
   overflow: hidden;
}

所以内容不会溢出到边缘之外。