Bug 16474 - Improve Example 3 about exclusion order
Summary: Improve Example 3 about exclusion order
Status: RESOLVED FIXED
Alias: None
Product: CSS
Classification: Unclassified
Component: Exclusions (show other bugs)
Version: unspecified
Hardware: PC All
: P2 normal
Target Milestone: ---
Assignee: Vincent Hardy
QA Contact: public-css-bugzilla
URL:
Whiteboard:
Keywords:
Depends on:
Blocks:
 
Reported: 2012-03-22 02:52 UTC by Vincent Hardy
Modified: 2013-05-21 22:01 UTC (History)
3 users (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description Vincent Hardy 2012-03-22 02:52:17 UTC
Feedback from Hans Muller.

 if the sample text reflected the id of the div it was defined for, the example would be a little easier to understand.  For example:
<div id="orderedExclusion" class=”exclusion” style=”top: 25%; left: 25%;”> 
    This is the orderExclusion DIV. Lorem ipsum dolor sit amet... 
</div>

This section also  might be a little clearer if the illustration showed the wrapping context for each of the three divs in the two cases, maybe with an overlay on the layouts.
Comment 1 Alan Stearns 2013-05-21 22:01:05 UTC
Added text to each div explaining how the painting order affects the exclusions. Also added a background color to each to show the overlap better.

https://dvcs.w3.org/hg/csswg/rev/4a12fb6ef2b7