div内的动画只有

Question

我在一个按钮内有一个圆圈动画，但我希望动画留在按钮内而不重叠。这可能吗？

这是我的代码。和fiddle

$(document).ready(function(){

        $('button').on("mouseup",function(){
            $('#mousemark').removeClass("click");
        });

        $('button').on('click', function(e){
            $('#mousemark').css({
               left:  e.pageX,
               top:  e.pageY
            });
            $('#mousemark').addClass("click");
        });

    })

Answer 1

只需将position:relative和overflow:hidden添加到按钮：

检查DEMO

button {
    width:400px;
    height:200px;
    margin:40px;
    background-color:red;
    position:relative;
    overflow:hidden;
}