Jump to content
  • 0

Зависание псевдокласса :active в IE7


rolex12
 Share

Question

Привет форумчанам! Вы, наверное, будете смеяться, но я с проблемой верстки под IE7 =) Да-да, вы не ошиблись, именно под тот самый седьмой эксплорер.

Верстаю одну маленькую незначительную страничку, но начальству очень критично, чтобы она работала в IE7. (Есть у них клиенты, небольшой процент, которые юзают этот браузер, блин).

Среди прочего на страничке, необходимо сверстать элементы навигации слайдера, а именно стрелки влево и вправо, которые генерируются скриптом как тег <a href>, т.е. это ссылки.

Проблема состоит в том, что по нажатию на картинку-ссылку (для ИЕ7-8 специально эти элементы делались картинками, а не css'ом) она зависает в состоянии active. Т.е. нажимаю на стрелку, она становится active (подставляю другую картинку с темным фоном) и после того как убираю курсор со стрелки, то она остается нажатой. Сломал весь мозг, как пофиксить. Пробовал смешивать :hover:active и :active:hover и :active:focus, но все тщетно. :blink:

Если не смогу силами css пофиксить, придется рыться в jQuery, чего не очень хотелось бы.

Заранее благодарен за дельные комментарии!

  • Like 1
Link to comment
Share on other sites

4 answers to this question

Recommended Posts

  • 0
14 минуты назад, Igor Schnaider сказал:

Оффтоп немного, но игра вообще стоит свеч? Лезть в скрипты ради не очень нужной стилизации. Я бы забил на эти мертвяки.

да я бы забил, конечно, но PM'а вряд ли смогу уговорить, для него это преступление целое))

Link to comment
Share on other sites

  • 0

Припоминаю, был у вымерших IE такой баг, что :active фактически работал как :focus (a :focus, ЕМНИП, вообще толком не работал).

Как быстрый костыль, могу предложить любое-ненужное-свойство: expression(this.onFocus=this.blur()); (источник). Нормальные браузеры проигнорят, а этот zombie сможет наконец у(с)покоиться...

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

  • Similar Content

    • By yaparoff
      Нужно верстать под и IE7 и IE8. Подскажите на что нужно обратить внимание? Или дайте ссылку на инфу - почитать. В гугле мало чего нашел (может плохо искал)
    • By EnselerizeR
      Здравствуйте!
      Делаю страницу для использования в IE7 и столкнулся с проблемой.
       
      В странице используется текстовый редактор с подсветкой кода CodeMirror.
      В IE7 редактор отображается некорректно, если не использовать доктайп (в редакторе появляются неактивные полосы прокрутки, а при наборе текста страница сама прокручивается).
      Увидел, что в демо-страничках из дистрибутива CodeMirror используется <!DOCTYPE html>.
      При установке <!DOCTYPE html>, на моей странице перестают корректно отображаться многие стили (отступы и всё с этим связанное, установка цвета фона контейнеров и пр.), причем только в IE7.
      При этом, редактор начинате работать как полагается
       
      В нормальных браузерах проблемы не возникает.
       
      И CSS, и HTML проверял валидаторами, они ошибок не выявили.
       
      Желаемое отображение можно посмотреть на jsfiddle, а вот так это выглядит в IE7.
       
      Прошу помочь устранить проблему, или же посоветовать максимально простой редактор с подсветкой кода, работающий в IE7.
       
      Заранее благодарю за помощь 
    • By Johnney
      http://tellmeof.cc.ua/Map/map.html
       
      1. Safari 7 (в более старых не проверял) не скругляет углы у iframe.
      Вроде бы поддерживает border-radius и overflow:hidden, но тут почему-то не работает.
      2. IE7 и IE8 не скругляют углы у iframe.
      Благодаря pie.htc, скругляются углы у контейнера .s-circle1, но у самого iframe - нет. Overflow:hidden контейнера тоже не обрезает карту, как ожидалось.
      3. IE7 и IE8 не отрабатывают ховер.
      4. IE9+ как-то странно отрабатывают ховер.
      Когда курсор переходит на саму карту, ховер-состояние перестаёт действовать. Хотя в нормальных браузерах действует.

      Прошу помощи.
    • By O_neill
      добрый день, данный css не пашет в Ie7, подскажите решение.
       
      сразу пищу размеры изображения жестко не фиксируются
      .basket .basket_unit .image { display: block; position: relative; float: left; width: 100px; height: 80px;}.basket .basket_unit .image img { position: absolute; display:block; top: 0; left:0; right: 0; bottom: 0; margin: auto auto; max-width: 90%; max-height: 90%; border: 1px solid #000;} 
    • By zerofx
      привет, нужна ваша помощь. ситуация банальная ... но я не могу ее решить ..
       
      вот код...
      <div id="test"> <div id="t1"></div> <div id="t2"></div></div>#test { width: 120px; height: 300px; background-color: red; position: relative;}#t1 { width: 50px; height: 50px; background-color: black; float: left;}#t2 { width: 150px; height: 50px; background-color: pink;}одним словом - как заставить IE7 - выполнить условие float:left - когда родительский блок меньше чем дочерний ... всех других браузерах все работает как надо .. а вот здесь как всегда
×
×
  • 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