如何将Twitter风格警报贴在窗口顶部？

Question

有一个很好的代码示例，介绍如何在这里制作精美的jQuery Twitter样式警报：

http://blog.codecrate.com/2009/10/twitter-style-alerts-in-rails.html

$(function () {
  var alert = $('.alert');
  if (alert.length > 0) {
    alert.show().animate({height: alert.outerHeight()}, 200);

    window.setTimeout(function() {
      alert.slideUp();
    }, 3000);
  }
});

但是，代码中没有包含的一件事是将警报div粘贴到窗口顶部的功能，无论用户滚动页面的距离是多少。

我找到了一些例子，但似乎没有什么能比这个现有代码更好。

有什么想法吗？

Answer 1

你可以使用CSS样式：position: fixed虽然我认为IE有一些问题（这并不奇怪......）。

Answer 2

使用position: fixed以及top: 0px。这将使div始终位于页面顶部。如果您想要向右或向左，请将right: 0px或left: 0px添加到div。