Aloha ;)

Nimm die JavaScript-Lösung. 1UnitedPower hat hier schon Recht, wenn er von graceful degradation spricht.

Du musst auch bedenken, dass es nicht genügt, den Dialog einzublenden, du möchtest damit ja auch noch was machen. Du erwartest ja eine Eingabe, die wieder nur per JavaScript ausgewertet werden kann.

Außerdem: Wer auf einer Seite interaktive Elemente bedienen möchte (und nichts anderes ist hier gefragt), dem muss klar sein, dass er dafür JavaScript zulassen muss.

Sollten Dialoge (warum auch immer) in einem sehr statischen Kontext auftauchen (lies: in einem Kontext, der die Verwendung von JS nicht unbedingt voraussetzt), sieht das ganze eventuell noch einmal anders aus. Das ist jedoch ein sehr, sehr schmaler Usecase, der kaum eintreten wird. (Denkbares Beispiel: Eine Seite weist die User nach dem Laden per Layer darauf hin, dass die Inhalte veraltet sind, der User kann nur das Gelesen-haben bestätigen, was den Layer schließt).

Ich fand die CSS-Lösung vor allem fachlich interessant, weniger in Bezug auf das konkrete Problem.

Grüße,

RIDER