За последние 24 часа нас посетили 16900 программистов и 1314 роботов. Сейчас ищут 1434 программиста ...

css - две картинки в одной (линк)

Тема в разделе "HTML и CSS", создана пользователем EvelRus, 16 апр 2008.

  1. EvelRus

    EvelRus Активный пользователь

    С нами с:
    16 ноя 2006
    Сообщения:
    2.168
    Симпатии:
    0
    Адрес:
    Москва
    Подскажите, а как сделать, что бы была некая картинка из двух частей ... при наводе на нее, как на ссылку, одна часть, заменялась другой...
     
    #1 EvelRus, 16 апр 2008
  2. Elkaz

    Elkaz Старожил
    Команда форума Модератор

    С нами с:
    26 июн 2006
    Сообщения:
    3.373
    Симпатии:
    0
    Адрес:
    Баку, Азербайджан
    Nemo
    Rolloverimage что ли? Это JS, onmouseover. Если я правильно понял тебя )
     
    #2 Elkaz, 16 апр 2008
  3. EvelRus

    EvelRus Активный пользователь

    С нами с:
    16 ноя 2006
    Сообщения:
    2.168
    Симпатии:
    0
    Адрес:
    Москва
    не... смотрите.. есть картинка.. На ней стрелочки... синяя и желтая.. они рядом (ОДНА КАРТИНКА!!!)
    Но на сайте видна только синяя, а при наведении на нее она меняется на желтую.... Такая фишка в phpBB Голд ))))))))
     
    #3 EvelRus, 16 апр 2008
  4. Elkaz

    Elkaz Старожил
    Команда форума Модератор

    С нами с:
    26 июн 2006
    Сообщения:
    3.373
    Симпатии:
    0
    Адрес:
    Баку, Азербайджан
    Nemo
    Ммм... ну посмотри в нем тогда, как это реализовано :)))
     
    #4 Elkaz, 16 апр 2008
  5. [vs]

    [vs] Суперстар
    Команда форума Модератор

    С нами с:
    27 сен 2007
    Сообщения:
    10.559
    Симпатии:
    632
    Nemo
    Ничего не понял. Но замену картинки можно же через CSS даже без JavaScript сделать...
    Вот те для наглядности - тока меняешь на background-image:
    HTML:
    4. .mydiv {
    5.  background-color: green;
    6.  cursor: default;
    7.  display: block;
    8.  width: 100px;
    9.  height: 100px;
    10. }
    11. .mydiv:hover
    12. {
    13.  background-color: yellow;
    14. }
    16. </head>
    18. <div><a href="" class="mydiv"></a></div>
    19. </body>
    20. </html>
     
    #5 [vs], 16 апр 2008
  6. topas

    topas Активный пользователь

    С нами с:
    16 авг 2006
    Сообщения:
    2.258
    Симпатии:
    36
    можно посмотреть в строну полупрозрачных png. Есть еще альфа-каналы
     
    #6 topas, 17 апр 2008
  7. Elkaz

    Elkaz Старожил
    Команда форума Модератор

    С нами с:
    26 июн 2006
    Сообщения:
    3.373
    Симпатии:
    0
    Адрес:
    Баку, Азербайджан
    topas
    bye-bye IE? ;)
     
    #7 Elkaz, 17 апр 2008
  8. topas

    topas Активный пользователь

    С нами с:
    16 авг 2006
    Сообщения:
    2.258
    Симпатии:
    36
    Elkaz
    не... ну альфа каналы там хорошо работают :)
     
    #8 topas, 17 апр 2008
  9. Anonymous

    Anonymous Guest

    #9 Anonymous, 17 апр 2008
  10. EvelRus

    EvelRus Активный пользователь

    С нами с:
    16 ноя 2006
    Сообщения:
    2.168
    Симпатии:
    0
    Адрес:
    Москва
    Горбунов Олег
    Именно, спасибо!
     
    #10 EvelRus, 17 апр 2008
  11. [vs]

    [vs] Суперстар
    Команда форума Модератор

    С нами с:
    27 сен 2007
    Сообщения:
    10.559
    Симпатии:
    632
    В IE 7 прозрачный png нормально работает. А прозрачный gif тем более.
     
    #11 [vs], 17 апр 2008
  12. Anonymous

    Anonymous Guest

    Да и в 6м тоже.
    Не всегда.
     
    #12 Anonymous, 17 апр 2008
  13. Elkaz

    Elkaz Старожил
    Команда форума Модератор

    С нами с:
    26 июн 2006
    Сообщения:
    3.373
    Симпатии:
    0
    Адрес:
    Баку, Азербайджан
    [vs]
    Я про полупрозрачные png. У меня лично он не работает в IE6/7.
    Насчет gif'a не заикался даже :)
     
    #13 Elkaz, 17 апр 2008
  14. Anonymous

    Anonymous Guest

    #14 Anonymous, 17 апр 2008
  15. [vs]

    [vs] Суперстар
    Команда форума Модератор

    С нами с:
    27 сен 2007
    Сообщения:
    10.559
    Симпатии:
    632
    Горбунов Олег
    Что я не так делаю?
    [​IMG]
    Может дело в том, что я почти все обновления загружаю?
     
    #15 [vs], 17 апр 2008
  16. topas

    topas Активный пользователь

    С нами с:
    16 авг 2006
    Сообщения:
    2.258
    Симпатии:
    36
    Предлагаешь всех пользователей заставить сделать это?

     
    #16 topas, 17 апр 2008
  17. Anonymous

    Anonymous Guest

    Все так, как и задумано. Две картинки с полупрозрачностью, одна на другой. Работает же?
    Можешь и в 6 IE смотреть, тоже работает.
     
    #17 Anonymous, 17 апр 2008
  18. nimistar

    nimistar Активный пользователь

    С нами с:
    30 май 2007
    Сообщения:
    919
    Симпатии:
    0
    http://logg.ru/new/
    прозрачные ПНГ в ИЕ6:
    [​IMG]
    прозрачные ПНГ в ИЕ7:
    [​IMG]
     
    #18 nimistar, 17 апр 2008
  19. EvelRus

    EvelRus Активный пользователь

    С нами с:
    16 ноя 2006
    Сообщения:
    2.168
    Симпатии:
    0
    Адрес:
    Москва
    а в IE7 работает :)
     
    #19 EvelRus, 17 апр 2008
(Вы должны войти или зарегистрироваться, чтобы разместить сообщение.)