苹果手机浏览器字体渐变色无效？

最新推荐文章于 2023-06-27 16:50:40 发布

原创最新推荐文章于 2023-06-27 16:50:40 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #css

博客讲述了在CSS中使用渐变背景创建文字效果时遇到的兼容性问题。在谷歌和Android浏览器上正常显示，但在iPhone浏览器上失效。通过添加`display:block;`解决了该问题，使得文字渐变效果在iPhone上也能正确显示。

部署运行你感兴趣的模型镜像

今天遇到一个兼容性问题
在这里插入图片描述
这种渐变性文字css如下

 background-image: -webkit-linear-gradient(left, #4142df, #e84176);
 -webkit-background-clip: text;
 background-clip: text;
 -webkit-text-fill-color: transparent;

在谷歌浏览器，Android浏览器都能正常显示，在iPhone的浏览器中无法显示，最后找了很多办法，最后用

 display: block;

解决…

您可能感兴趣的与本文相关的镜像

Langchain-Chatchat

AI应用

Langchain

Langchain-Chatchat 是一个基于 ChatGLM 等大语言模型和 Langchain 应用框架实现的开源项目，旨在构建一个可以离线部署的本地知识库问答系统。它通过检索增强生成 (RAG) 的方法，让用户能够以自然语言与本地文件、数据库或搜索引擎进行交互，并支持多种大模型和向量数据库的集成，以及提供 WebUI 和 API 服务