JQuery CSS多彩时钟

Question

我正在使用以下jQuery组件：

http://tutorialzine.com/2009/12/colorful-clock-jquery-css/

需要设置透明背景。我设置的背景透明的CSS如下：

.clock .bg, .clock .front{
        width:100px;
        height:200px;
        background-color:#252525;
        position:absolute;
        top:0;
    }

然而，当我这样做时，时钟不能正常工作，因为左侧的圆圈的一部分保持可见。

有关如何解决此问题的任何建议吗？

Answer 1

使用此时钟无法设置透明背景。

动画依赖于div是不透明的，因此它们会遮挡用于创建移动拨号效果的部分图像。

从原始教程中查看此解释，左上方的图像有一个注释“隐藏在左前方div下” http://cdn.tutorialzine.com/wp-content/uploads/2009/12/i22.png