- From: François REMY <fremycompany_pub@yahoo.fr>
- Date: Wed, 20 Aug 2008 20:59:20 +0200
- To: "CSS 3 W3C Group" <www-style@w3.org>
- Message-ID: <532394DE6E104153B31CC81369FDFB1A@fremycompany>
> Here's two test-case about my property. The first one is the way it works > currently. > The second one test the two others value of the property (create-new and > keep-old) > In all cases, the display should contains only green (may contains > different > green). > > CSS : > 1) Position-Stack: auto > ==> Initial value, no change regarding the current specification > ==> A new stacking context is created for positioned elements only > > 2a) Position-Stack: create-new > ==> A new stacking context is created anyway > > 2b) Position-Stack: keep-old > ==> No new stacking context is created anyway > > > -------------------------------------------------- > From: "Alan Gresley" <alan@css-class.com> > Sent: Wednesday, August 20, 2008 11:46 AM > To: "François REMY" <fremycompany_pub@yahoo.fr> > Cc: <www-style@w3.org> > Subject: Re: [CSS21] stack level definitions in 9.9.1 > >> François REMY wrote: >>> Hello, >>> I see two use-cases for a "position-stack" property. >>> One of the two can be work-aroundable but the second one need total >>> change of the structure of the page. >>> >>> ================ >>> >>> UC 1 : >>> >>> This property will allow designer to do such type of things : >>> >>> <html><body><div> >>> Some content : >>> <div style="inline:block; height: 1.12em; width: 100px; >>> position-stack: create-new;"> >>> <img class="top left corner" /> >>> <img class="top right corner" /> >>> <img class="bottom left corner" /> >>> <img class="bottom right corner" /> >>> </div>. It worked great ! >>> </div></body></html> >> >> >> If you can not do a test case, can you at least show this concept via a >> graphic. I have know idea what you are talking about. It seems like you >> are wanting to create a rounded corner effect with the above markup. >> >> >> >> [...] >>> UC 2 : >>> >>> They're also problems if you have something like : >>> <div class="relative" style="z-index: 1"> >>> A : I want to be above B >>> <div class="absolute">C : I want to be below D >>> </div> >>> <div class="relative"> >>> B : I want to be below A >>> <div class="absolute" style="z-index: 2">D : I want to be above C >>> </div> >> >> >> This is invalid markup. >> >> >>> If we can avoid the creation of a new stacking context inside the >>> "relative" elements, the problem would be solvable[...] >>> Fremy >> >> >> I don't see where the problem is that needs to be solved. >> >> >> -- >> Alan http://css-class.com/ >> >> Nearly all men can stand adversity, but if you want to test a man's >> character, give him power - Abraham Lincoln >> >> Save the Internet - http://www.savetheinternet.com/ >
Attachments
- application/x-zip-compressed attachment: position-stack.zip
Received on Wednesday, 20 August 2008 19:01:04 UTC