css – IE选择悬停问题

前端之家收集整理的这篇文章主要介绍了css – IE选择悬停问题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
朋友和我自己正在尝试解决IE(7/8).我们在这里建立了一个规范的例子:

http://www.mathgladiator.com/share/ie-select-bug-hover-css-menus.htm

使用CSS菜单,我们希望在其中选择.但是,在IE中,当您与选择框进行交互时,菜单会消失.我们认为这与选择如何影响事件的错误有关.

解决方法吗?至少使用纯CSS或DOM黑客?

解决方法

我不认为这有一种纯粹的CSS方式.这是因为IE处理选择元素上的事件的方式存在一个非常常见的错误.

但是,您可以使用Javascript解决它:

  1. <script type="text/javascript">
  2. $(document).ready(function () {
  3. $('.nav_element a').mouSEOver(function() {
  4. $('.submenu').hide();
  5. $(this).parent().find('.submenu').show();
  6. });
  7.  
  8. $('.submenu').mouSEOver(function() {
  9. $(this).show();
  10. });
  11.  
  12. $('.submenu').mouSEOut(function (e) {
  13. // Do not close if going over to a select element
  14. if (e.target.tagName.toLowerCase() == 'select') return;
  15. $(this).hide();
  16. });
  17.  
  18. });
  19. </script>

上面的代码使用jQuery.

猜你在找的CSS相关文章