2012-12-30 30 views
0

我使用jQuery的如下組件:JQuery的CSS炫彩時鐘

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; 
    } 

然而,當我做到這一點需要作爲左側的圓的一部分時鐘不起作用保持可見。

有關如何解決此問題的任何建議?

+0

代碼,添加你所使用的代碼的codepen或的jsfiddle「下左前DIV隱藏」? –

+0

您提供的鏈接中的教程不適用於Internet Explorer。 –

回答

0

使用此時鐘將無法設置透明背景。

動畫依賴於div的非透明,以便它們會遮擋用於創建移動刻度效果的圖像的一部分。

見從原來的教程這樣的解釋,左上方的形象已經記 http://cdn.tutorialzine.com/wp-content/uploads/2009/12/i22.png

+0

我更關注一個解決方案,其中javascript被修改,並在不需要顯示時隱藏左側的任何內容。這可能嗎? –