Jump to content
  • 0

hover в firefox'e

bioz00

Asked by bioz00,

 Share

Question

bioz00 Explorer

bioz00

Posted
Posted

Товариши! Кто-нибудь может мне объяснить почему вот это код не работает в фаержопсе?!

<html>
 <head>
  <style type="text/css">

   .hvr a:hover {
	background: #786b59;
   } 

   .hvr:hover {
	background: #786b59;
   } 

  </style>
 </head>
 <body>

  <div class='hvr'><a>text 1</a></div>
  <div class='hvr'>text 2</div> 

 </body>

</html>

ховер работает только для ссылки, во всех остальных браузерах и там и там.

как такое возможно??!!

Link to comment
Share on other sites

8 answers to this question

Recommended Posts

  • 0
Serlutin Explorer

Serlutin

Posted
Posted

IE6 не поддерживает :hover для не ссылок.

IE7 поддерживает, если не переключается в режим совместимости. Если не указать доктайп, то он будет работать, как IE6 в режиме совместимости.

Link to comment
Share on other sites
  • 0
divinorum Explorer

divinorum

Posted
Posted (edited)

Всем привет! Ребят, у меня похожая ситуация с мозилой.

вот кусок кода html 


<div id="hor-navi" class="moduletablemenu">
      <ul>
        <li>
          <a href="Здесь ссылка"><span>Главная</span></a>
        </li>
      </ul>
</div>

и кусок кода css


.moduletablemenu {
    margin-top: -20px;
    text-align: top;
    background: url('../images/menu.png') bottom left no-repeat;
}
.moduletablemenu ul {
    list-style:none;
    margin-left: 30px;
}
.moduletablemenu li {
    float: left;
    height: 24px;
    font: 17px Arial;
    padding-left: 28px;
    text-decoration: none;
}
.moduletablemenu li a span  {
    cursor: pointer;
    display: block;
    color: #437896;
}
.moduletablemenu li.active span {
    color: #fff;
}
.moduletablemenu li a:hover span {
    color: #437896;
}
.moduletablemenu li a:hover span:first-letter {
    color: #fff;
}

Эффект: все не активные ссылки имеют цвет 437896, на hover меняется цвет первой буквы с 437896 на fff, то есть на белый. после нажатия на ссылку, весь текст принимает белый цвет.

Работает в IE и Opera, а вот в мозиле ховер не срабатывает. Может кто знает, почему так происходит?

Edited by divinorum
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
Go to question listing
×
×
  • 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

  I accept