Wie würde ich das umsetzen stackoverflow die schwebende Dialoge?

Obwohl ich hatte den Eindruck, Sie verwendet die jQuery-UI-Dialog für diesen, ich bin nicht allzu sicher mehr. Jedoch, es ist nicht allzu schwer, Peitsche diese selbst. Versuchen Sie, diesen code:

$('.showme').click(function() {
    $('.error-notification').remove();
    var $err = $('<div>').addClass('error-notification')
                         .html('<h2>Paolo is awesome</h2>(click on this box to close)')
                         .css('left', $(this).position().left);
    $(this).after($err);
    $err.fadeIn('fast');
});
$('.error-notification').live('click', function() {
    $(this).fadeOut('fast', function() { $(this).remove(); });
});

Mit diesen styles:

.error-notification {
    background-color:#AE0000;
    color:white;
    cursor:pointer;
    display: none;
    padding:15px;
    padding-top: 0;
    position:absolute;
    z-index:1;
    font-size: 100%;
}

.error-notification h2 {
    font-family:Trebuchet MS,Helvetica,sans-serif;
    font-size:140%;
    font-weight:bold;
    margin-bottom:7px;
}

Und klicken Sie hier, um ihn in Aktion zu sehen.

Aber ich denke, Sie müssen noch zwicken Sie ein wenig, um ihm den richtigen Positionen je nach der situation, in der Sie es verwenden. Ich kümmerte mich um dies für die linke position, weil es das arbeiten für die Spitze, aber ich glaube, es gibt einige Situationen, in denen es nicht. Alle betrachteten Sachen, dieses sollte Ihnen den Einstieg. Wenn Sie möchten, eine robustere Implementierung, sollten Sie sich jQuery BeautyTips die wirklich genial und wäre trivial zu implementieren.