css - Internet Explorer - 弹出窗口时不触发 anchor 事件状态

Question

我正在创建我自己的自定义样式的 Facebook 连接按钮。当有人点击它时，Facebook 会弹出一个小窗口，用户可以在其中验证我的网站。问题是， anchor 的事件状态永远不会在 Internet Explorer 9 上触发。它适用于 Firefox 和 Chrome。如果我注释掉用于弹出 Facebook 的 Javascript，事件状态就会开始工作。如何让IE在 anchor 弹出窗口的情况下触发激活状态？

HTML

<a class="facebookConnect">Login with Facebook</a>

CSS

.facebookConnect {
   background: red;
}

.facebookConnect:hover {
   background: blue;
}

.facebookConnect:active {
   background: green;
}

JS

$$('.facebookConnect').each(
   function(button) {
      button.observe( 
         'click',
         function() {
            FB.login();
         }
      );
   }
);

Answer 1

您的 a 标签缺少必需的 href 属性。即使它只是一个 href="#"，它也是必需的。这样做，它可能会奏效。