javascript - 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