mirror of
https://github.com/LadybirdBrowser/ladybird
synced 2026-05-11 09:27:00 +02:00
e761d80e9f
Per the CSS Backgrounds spec, background-clip:text clips the background to the geometry of text in the element and its in-flow and floated descendants only. Skip subtrees rooted at paintables that are neither in-flow nor floated when computing the text clip path, so that absolutely/fixed positioned descendants (including pseudo-elements) do not contribute to the clip. Fixes #7498
18 lines
365 B
HTML
18 lines
365 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<link rel="match" href="../../expected/css/background-clip-text-float.html" />
|
|
<style>
|
|
div {
|
|
background: linear-gradient(red, blue);
|
|
background-clip: text;
|
|
color: transparent;
|
|
font: bold 40px sans-serif;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div>World<span style="float: left">Hello</span></div>
|
|
</body>
|
|
</html>
|