css 屏幕大小调整时的背景剪辑属性问题[重复]

tzxcd3kk  于 2023-02-26  发布在  其他
关注(0)|答案(1)|浏览(117)
    • 此问题在此处已有答案**:

Strange lines when using background-clip: text on Safari(1个答案)
54分钟前就关门了。
我正在创建一个小网站的帮助下HTML/CSS。我用这个代码来添加线性渐变到我的文本:

background-image: linear-gradient(-86deg, #F11267, #FF417C);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;

但这里有一个问题:当我使用移动设备或MacBook,当我调整我的网站,有出现一些奇怪的线附近我的文字:

它看起来像背景剪辑没有完全剪辑它,没有正确地调整大小。这是用于跨度元素,所以宽度和高度不是属性,我可以在这里使用。

0yg35tkg

0yg35tkg1#

background-image: linear-gradient(-86deg, #F11267, #FF417C);
background-attachment: fixed;
background-size: 100%;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;

试试这些,也试试背景原点和背景位置。

相关问题