javascript - 在div周围留下黑点

我实现了Spectrum Color Picker。我要稍作更改。您可以拖动以选择颜色的黑点，类名称为sp-dragger。我要编辑source file，以便当您将黑点一直拖动到侧面（（顶部，右侧，底部和左侧））到类名sp-color的边界上时，应该隐藏黑点。



（图片来自Adobe Illustrator）

我认为，执行此操作的方法是创建一个div或使用现有的div，并使z-index高于黑点。

JSFiddle

JavaScirpt Source

CSS Source

最佳答案

在css源代码中查找此部分：

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

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

因此，内容不会超出其边缘。

关于javascript - 在div周围留下黑点，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34120868/