Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/filter-effects/clip-under-filter-003.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<title>CSS filter : Clipping on descendant of filter element</title>
<link rel="match" href="reference/clip-under-filter-003-ref.html">
<meta name="assert" content="This test ensures that overflow clip correctly applies to children in the presence of a filter on the same element"/>
<div style="position:relative; width:100px; height:100px; border:5px dashed black; background:green; overflow:hidden; filter:opacity(1);">
<div style="margin-left:-5px; margin-top:-5px; width:100px; height:100px; border:5px solid red;"></div>
</div>
This test verifies overflow clip correctly applies to children in the presence of a filter on the same element.<br/>
It succeeds if a green box with dashed black border is shown. No red border should be visible.