在div后面留下黑点

时间:2015-12-06 18:13:14

标签: javascript jquery html css spectrumjs

我实施了Spectrum Color Picker。我想做一个小小的改变。您可以拖动以选择颜色的黑点,类名称为sp-dragger。我想编辑source file,以便当您将黑点一直拖到侧面(顶部,右侧,底部和左侧)时,从类名sp-color的边框开始,在,应该隐藏黑点。

enter image description here

(图片来自Adobe Illustrator)

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

JSFiddle

JavaScirpt Source

CSS Source

1 个答案:

答案 0 :(得分:3)

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

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

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

所以内容不会超出其优势。