Si vous voulez parler d'une superposition de type "light-box", je ne pense pas que cela fonctionne dans tous les cas. Par exemple, vous pouvez vouloir faire défiler une liste déroulante ou une div déroulante dans la page, même si vous ne pouvez pas sélectionner quoi que ce soit dans cette liste. Il arrive aussi que l'on veuille pouvoir sélectionner et copier à partir d'une page en lecture seule.
En ce qui concerne le rendu HTML, j'opterais pour l'utilisation de l'attribut "readonly" dans la mesure du possible, ou de l'attribut "disabled" si cela est plus approprié, ou d'un rendu alternatif en lecture seule (par exemple select
ne peuvent pas être marqués comme étant en lecture seule)