- From: 一丝 via GitHub <sysbot+gh@w3.org>
- Date: Tue, 07 Nov 2023 07:58:20 +0000
- To: public-css-archive@w3.org
yisibl has just created a new issue for https://github.com/w3c/csswg-drafts:
== [css-backgrounds] Clarify the interaction of background-clip: text with the position property ==
Consider an example(From: https://bugs.chromium.org/p/chromium/issues/detail?id=1339290#c26):
```html
<style>
div {
font-size: 36px;
font-family: sans-serif;
background-image: linear-gradient( red, blue );
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
}
span {
position: relative;
border: 2px solid green;
}
</style>
<div>
<span>Hello word</span>
</div>
```
The current behavior of Chrome and Safari does not show text, which looks like a bug, and only Firefox is as expected. Considering that [Chrome 120 removed prefixes](https://chromestatus.com/feature/5125388091260928), the specification needs to define a clear behavior as soon as possible.
Also, how do other values interact, not just relative values?
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/9563 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Tuesday, 7 November 2023 07:58:22 UTC