b7c3d086bf
Adds docs/render with a handover covering what shipped on this branch, the verification methodology, build gotchas, and the prioritized list of remaining work, alongside the phase plan and the index of the Gecko layout study that informed it. Adds render-repros: one HTML fixture per bug fixed here (absolute fills, mixed inline+block layout, carousel clipping, z-index order, clear, tables, image density and alt fallback) plus run.sh to render them all in obscura and Chromium for side-by-side checking. Run before and after any layout or paint change.
13 lines
803 B
HTML
13 lines
803 B
HTML
<!DOCTYPE html><html><head><title>z-index</title><style>body{margin:0;font-family:sans-serif}</style></head><body>
|
|
<p>A: z:10 overlay declared BEFORE a later sibling must paint ON TOP (green wins):</p>
|
|
<div style="position:relative;height:120px">
|
|
<div style="position:absolute;top:0;left:0;width:200px;height:100px;background:green;z-index:10"></div>
|
|
<div style="position:absolute;top:20px;left:40px;width:200px;height:100px;background:red"></div>
|
|
</div>
|
|
<p>B: z:-1 backdrop declared AFTER content must paint UNDER it (blue stays visible, orange edges show):</p>
|
|
<div style="position:relative;height:120px">
|
|
<div style="width:220px;height:90px;background:blue"></div>
|
|
<div style="position:absolute;top:0;left:0;width:260px;height:110px;background:orange;z-index:-1"></div>
|
|
</div>
|
|
</body></html>
|