W3C home > Mailing lists > Public > www-style@w3.org > November 2014

Proposal for a new type of rendering box: overlay

From: Behrang Saeedzadeh <behrangsa@gmail.com>
Date: Thu, 27 Nov 2014 11:21:46 +1100
Message-ID: <CAERAJ+8g9XKwKk9bYLG-ybObhvsqLO+g76HdCxOt-SwMsq2M5w@mail.gmail.com>
To: W3C CSS Mailing List <www-style@w3.org>
Hi,

It would be nice if we had a new type of rendering box called *overlay*.

Then we could define an overlay div like this:

*div.my-overlay {*
*   display: overlay;*
*}*


Then if had an HTML markup similar to:

*<div id="example">*
*  Lorem ipsum*
*  <div class="my-overlay">*
*    An overlay*
*  </div>*
*</div>*


.my-overlay would always overlay #example. If the size, and position of
#example got changed either programmatically or due to application of a
specific media query, or in any other way, then .my-overlay would get
resized automatically to cover the entire #example.

An overlay element can have its children, and its children might have
overlays as well.

This is helpful especially for building web-based drag and drop
environments (e.g. https://jetstrap.com/) as well as for building any type
of overlay divs.


Best regards,
Behrang
http://www.behrang.org
Received on Thursday, 27 November 2014 00:22:15 UTC

This archive was generated by hypermail 2.3.1 : Monday, 2 May 2016 14:39:26 UTC