Jump to content
  • 0

Аналоговые часы на css


Guest Гость_Rukos_*
 Share

Question

Guest Гость_Rukos_*

И так вопрос, у меня есть нескольно картинок с изображение

<div style="background:url(images/clock_bg.gif) 0px 0px no-repeat;height:85px;width:85px;">

<div id="clock_hour" style="background:url(images/hour.gif) -340px 0 no-repeat;height:85px;width:85px;">

<div id="clock_minutes" style="background:url(images/minutes.gif) -510px 0 no-repeat;height:85px;width:85px;">

<div id="clock_second" style="background:url(images/second.gif) -4845px 0px no-repeat;height:85px;width:85px;">

</div>

</div>

</div>

</div>

Первый div, c изображением циферблата (основной бекграунд)

Второй div, с изображением часовой (то есть это длинная картинка со всеми положение часовой стрелки)

Третьй div, с изображением минутной (то есть это длинная картинка со всеми положение минутной стрелки)

Четвертый div, с изображением секундной (то есть это длинная картинка со всеми положение секундной стрелки)

И есть скрипт который просто сдвигает бекграунд на заданное расстояние , так вот во всех Браузерах хорошо, а вот всеми *любимый* IE6 , при сдвиге не правильно отображает прозрачность ...есть варианты что сделать?

Link to comment
Share on other sites

7 answers to this question

Recommended Posts

  • 0
Guest Гость_rukos_*

То есть при срабатывание скрипта картинка сдвигается на то расстояние на которое нам надо , но , но у gif откуда не возьмись появляется серый фон , и соответственно он закрывает бекграундную картинку с циферблатом, и когда gif встал нормально серый фон это gif-a становится прозрачным и снова виден циферблат

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy