Javascript 文本渐变:跨浏览器换行文本 1.总结

Javascript 文本渐变:跨浏览器换行文本 1.总结,javascript,jquery,css,linear-gradients,Javascript,Jquery,Css,Linear Gradients,在Firefox中,渐变文本成功地按行换行,但在其他浏览器中没有 2.要求 我需要,文本渐变最新在2018年4月的这些桌面和移动浏览器版本中成功运行: 火狐 铬 狩猎 歌剧院 Internet Explorer和Opera Mini支持不是强制性的 任何CSS或JavaScript/JQuery方法都适合我 3.例子 示例:我需要,那个渐变文本surite:Sacagawea:Blitz/Supeblitz/Brain Ring文本换行 : 文件 em{ 背景图像:-webkit渐变

在Firefox中,渐变文本成功地按行换行,但在其他浏览器中没有


2.要求 我需要,文本渐变最新在2018年4月的这些桌面和移动浏览器版本中成功运行:

  • 火狐
  • 狩猎
  • 歌剧院
Internet Explorer和Opera Mini支持不是强制性的

任何CSS或JavaScript/JQuery方法都适合我


3.例子 示例:我需要,那个渐变文本
surite:Sacagawea:Blitz/Supeblitz/Brain Ring
文本换行

:


文件
em{
背景图像:-webkit渐变(线性、左上、右上、从(红色)到(黑色));
背景图像:线性渐变(向右、红色、黑色);
-webkit背景剪辑:文本;
颜色:透明;
字体大小:5rem;
}
附件:萨卡加维亚:闪电战/苏佩布利茨/脑环
这是修复程序:

-webkit-box-decoration-break: clone;
当我发现这个时,我几乎高兴得哭了


Simon

我没有办法测试这一点,但有一件事我总是尝试,如果不同的分词和换行不起作用,那就是“空白”属性。@wazz:Status:对我仍然不起作用|复制步骤:我尝试在问题的3项中添加代码。测试环境:macOS High Sierra,Safari 11。谢谢