<legend id='YfC8i'><style id='YfC8i'><dir id='YfC8i'><q id='YfC8i'></q></dir></style></legend>

      <small id='YfC8i'></small><noframes id='YfC8i'>

    1. <tfoot id='YfC8i'></tfoot>
        <bdo id='YfC8i'></bdo><ul id='YfC8i'></ul>

      1. <i id='YfC8i'><tr id='YfC8i'><dt id='YfC8i'><q id='YfC8i'><span id='YfC8i'><b id='YfC8i'><form id='YfC8i'><ins id='YfC8i'></ins><ul id='YfC8i'></ul><sub id='YfC8i'></sub></form><legend id='YfC8i'></legend><bdo id='YfC8i'><pre id='YfC8i'><center id='YfC8i'></center></pre></bdo></b><th id='YfC8i'></th></span></q></dt></tr></i><div id='YfC8i'><tfoot id='YfC8i'></tfoot><dl id='YfC8i'><fieldset id='YfC8i'></fieldset></dl></div>
      2. IE6 CSS 悬停菜单问题

        时间:2023-11-30

        <small id='KK0dI'></small><noframes id='KK0dI'>

        • <legend id='KK0dI'><style id='KK0dI'><dir id='KK0dI'><q id='KK0dI'></q></dir></style></legend>

          <tfoot id='KK0dI'></tfoot>
          <i id='KK0dI'><tr id='KK0dI'><dt id='KK0dI'><q id='KK0dI'><span id='KK0dI'><b id='KK0dI'><form id='KK0dI'><ins id='KK0dI'></ins><ul id='KK0dI'></ul><sub id='KK0dI'></sub></form><legend id='KK0dI'></legend><bdo id='KK0dI'><pre id='KK0dI'><center id='KK0dI'></center></pre></bdo></b><th id='KK0dI'></th></span></q></dt></tr></i><div id='KK0dI'><tfoot id='KK0dI'></tfoot><dl id='KK0dI'><fieldset id='KK0dI'></fieldset></dl></div>
              <tbody id='KK0dI'></tbody>

              • <bdo id='KK0dI'></bdo><ul id='KK0dI'></ul>
                  本文介绍了IE6 CSS 悬停菜单问题的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着跟版网的小编来一起学习吧!

                  问题描述

                  我有一个 CSS 悬停菜单,它适用于所有浏览器,除了...惊喜 -- IE6!

                  I have a CSS hover menu which works in all browsers except... surprise -- IE6!

                  #menu_right ul li:hover ul { visibility: visible; }
                  

                  这个ul 显然最初是隐藏的.当我将鼠标悬停在其父 li 上时,它应该会显示出来......但它没有.

                  This ul is hidden initially, obviously. When I hover over its parent li, it should show up... but it doesn't.

                  为了找出问题所在,我尝试让 ul 最初 可见 并让悬停动作采取其他方式.例如:

                  To try to pinpoint the problem, I've tried making the ul initially visible and had the hover action take on something else. For example:

                  #menu_right ul li ul { visibility: visible; }
                  
                  #menu_right ul li:hover ul { background: red; }
                  

                  这没有帮助.在其他浏览器(包括 IE7+)上,当我将鼠标悬停在其父 list 元素 上时,ul 将变为红色.但不是在 IE6 中.我错过了什么?

                  This doesn't help. On other browsers (including IE7+), the ul will turn red when I hover over its parent list element. But not in IE6. What am I missing?

                  推荐答案

                  IE6 不知道 CSS :hover 伪属性,当它出现在除了链接元素之外的任何东西上时.为此,您将不得不使用 JavaScript.试试条件语句,如果你使用jQuery,可以在3(+/- 格式)行:

                  IE6 doesn't know the CSS :hover pseudo-attribute, when it appears on anything than a link element. You will have to use JavaScript for this. Try conditional statements, and if you use jQuery, you can code the hover effect for IE6 in 3 (+/- formatting) lines:

                  <!--[if lt IE 7]>
                  <script type="text/javascript">
                  $('#menu_right ul li').hover (function () {
                    $(this).addClass ("hover");
                  }, function () {
                    $(this).removeClass ("hover");
                  });
                  </script>
                  <style type="text/css">
                  #menu_right ul li.hover {...}
                  ...
                  </style>
                  <![endif]-->
                  

                  马克,我在 CSS 语句中使用了点而不是冒号.

                  Mark, that in the CSS statements I used the dot instead of the colon.

                  干杯,

                  这篇关于IE6 CSS 悬停菜单问题的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持跟版网!

                  上一篇:css 菜单悬停“挂起"在铬 &amp;苹果浏览器 下一篇:选择除悬停一个 CSS 之外的所有链接

                  相关文章

                      <tfoot id='2SybA'></tfoot>
                    1. <small id='2SybA'></small><noframes id='2SybA'>

                    2. <i id='2SybA'><tr id='2SybA'><dt id='2SybA'><q id='2SybA'><span id='2SybA'><b id='2SybA'><form id='2SybA'><ins id='2SybA'></ins><ul id='2SybA'></ul><sub id='2SybA'></sub></form><legend id='2SybA'></legend><bdo id='2SybA'><pre id='2SybA'><center id='2SybA'></center></pre></bdo></b><th id='2SybA'></th></span></q></dt></tr></i><div id='2SybA'><tfoot id='2SybA'></tfoot><dl id='2SybA'><fieldset id='2SybA'></fieldset></dl></div>
                      <legend id='2SybA'><style id='2SybA'><dir id='2SybA'><q id='2SybA'></q></dir></style></legend>
                        <bdo id='2SybA'></bdo><ul id='2SybA'></ul>