程序员经验分享-hwhale

设置文字渐变颜色在IOS系统上不显示问题

2023-11-16

设置的文字渐变颜色在IOS上不显示，如下代码设置渐变色

 background: linear-gradient(180deg, #D37E98 27.68%, #FFBDD1 86.61%);
    -webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;

查找资料后发现低版本的IOS无法兼容，需要修改display：flex为display：block即可。

.conttitle{

    font-family: 'Neuton';

font-style: normal;

font-weight: 700;

font-size: 20px ;

font-size: 6vw;

/* display: flex; *//改为下面的

display: block;

align-items: flex-end;

text-transform: capitalize;

}

本人的样式添加引入如下40c2aa148cf34ffa821412d6a9e8fbac.png

 渐变样式在IOS系统中有时会存在不兼容问题，需要改变display属性。

附：苹果电脑打开控制台按Option+command+C即可打开开发者工具。

 

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

css

设置文字渐变颜色在IOS系统上不显示问题 的相关文章

  • 从“class”名称中删除/替换不需要的前缀信息

    我正进入 状态style从后端 它带有不需要的前缀 我会替换没有前缀的相同内容 正确的方法是什么 这就是我得到的

  • jQuery / CSS3 动画阴影效果

    所以这个问题可能会被否决 但我认为有人可能会提供帮助 我正在寻找的效果是蓝色块像气球一样上下盘旋 当块上 下移动时 阴影在其下方不断增大和缩小 关于如何编程的任何想法 或者有人知道可以完成的教程 插件吗 你可以使用 jQuery 来完成 或

  • 如何让浮动的div对齐到顶部？

    下面的代码可以在这个小提琴中查看 http jsfiddle net VgG55 10 http jsfiddle net VgG55 10 我有以下标记 其中 div 按以下顺序放置 div class wrapper div class

  • CSS位置：绝对+动态高度

    我有 4 个 div 标签一个接一个 全在position absolute我使用它们对齐top and left 第三个 div 标签包含动态内容 并且 div 的高度根据其中的文本量而变化 然而 当我设置top and left在所有

  • 在这个页面中，悬停不起作用，我不知道为什么，而且页脚也没有占用 100% 宽度，即使我已经给了它

    我的编码是否不正确 或者悬停和页脚有什么问题 我需要知道 php 邮件程序是正确的还是我有错误 我无法找到错误 因为邮件功能在本地服务器上不起作用

  • 如何在 Chrome 中实现抓取光标图标？

    我知道可以在 Chrome 中使用抓取光标图标 当然是在 Gmail 中 但我不知道如何在我的代码中实现它 我已经尝试过 在CSS中 body cursor grab body cursor webkit grab body cursor

  • 如何在 flutter/dart 中使用设定大小的自定义字体？

    我正在尝试使用color fontWeight and fontFamily with style style copyWith 我尝试使用的自定义字体是Vonique 我已经将它像这样导入到pubspec yaml fonts famil

  • 在 SVG 中设置悬停语句样式

    我正在计划一个基于这个 SVG 插图的网络 菜单 我的想法的原则 一个样式为活动的圆圈 一个样式为悬停的圆圈以及一个也需要设置样式的伴随笔画 https i stack imgur com H397o png 当我阅读 SVG 文件的规范时

  • CSS 计数器输出不匹配

    有人可以解释一下为什么吗section计数器值总共打印 0h2 tags 这是源代码

  • 等宽字体中的字体大小和字符宽度之间有什么依赖关系？

    等宽字体中的字体大小和字符宽度之间有什么依赖关系 在我的网络应用程序中 我使用 courier new 字体 我想知道 字符串的实际长度 以像素为单位 是多少 如果我知道CSS font size属性 它如何帮助我知道字符串的实际长度 谢谢

  • 带有旋转文本的垂直导航

    我正在尝试实现一个包含链接的垂直导航菜单 并且我已使用 css3 将链接文本旋转到 270 度 我旋转了它 因为我希望文本从下到上 问题是当我添加顶部填充时 间距不一致 你可以看到我的代码here http jsbin com ravudu

  • 我无法注入带有“！important”规则的样式[重复]

    这个问题在这里已经有答案了 我尝试使用以下代码注入样式 document body style color green important Per CSS 级联引用 http www w3 org TR CSS2 cascade html

  • 具有固定位置的平滑滚动标题

    当我将位置更改为固定时如何创建平滑滚动 我尝试添加动画但不起作用 最好使用jquery动画 window scroll function var sticky mobile menu scroll window scrollTop if s

  • 更改文本框中一个字符的颜色 HTML/CSS [重复]

    这个问题在这里已经有答案了 我正在设计一个网站 我想问一下大家 如何通过CSS改变HTML文本框中字符串中的一个字符的颜色 示例 STACK OVER FLOW 只是 A 字母是红色的 你不能用常规方法做到这一点

  • 从 3.1 返回后加载 Rails 3（服务器）时出现问题

    Rails 完全菜鸟 我正在使用 Hartl 教程 到了第 4 章 CSS 4 1 2 一切看起来都很顺利 但遇到了一个问题 使页面上的文字看起来

  • .net dropdownlist对齐文本

    我正在尝试将 net 下拉列表中的文本向右对齐 使用 CssClass 我可以在 Firefox 中将文本向右对齐 IE 不会将文本右对齐 而是左对齐 我读到 IE 6 不支持这个 这是真的 我使用的是 IE7 但我的大多数用户将使用 IE

  • SVG 剪辑路径在 Safari 上不起作用

    我有一个简单的动画 从下往上填充 svg 然后淡出 填充是使用clipPath随着使用path with a stroke dasharray stroke dashoffset 问题是clipPath在 Safari 上似乎完全被忽略了

  • 为 Gmail 设计 HTML 电子邮件

    我正在生成一封使用内部样式表的 html 电子邮件 即 h2 class foo Email content here 在 Gmail 中查看时 内部样式表中的所有样式似乎都被忽略 Gmail 似乎忽略了内联规则以外的所有样式 例如 h2

  • 如何更改 div 悬停时的跨度颜色

    我正在尝试更改 div 悬停时跨度的颜色 如何使红色汉堡按钮 即跨度 在 div 悬停时将颜色更改为黑色 PS 现在它在跨度的悬停上执行此操作 JSFiddle https jsfiddle net bjjbqct8 https jsfid

  • CSS 字体在 Firefox 中不起作用

    我下面有这个字体代码 它在谷歌浏览器中工作正常 但在火狐浏览器中根本不起作用 为什么

随机推荐

  • vue3项目（六）---detail

    1 详情页 页面准备和路由配置 点击新鲜好物里的商品后 会跳转到详情页 并且会携带参数过去 1 先准备静态页面 在views下新建一个Detail组件 2 配置路由 src router index js import Detail fro

  • Python入门学习（三）核心语法（1）

    3 1Python序列详解 索引和引片 3 1Python序列详解 索引和引片 3 1 1 索引 list1 1 2 3 4 元素值 1 2 3 4 正索引 0 1 2 3 负索引 4 3 2 1 print list的第一个元素是 lis

  • 第一章_RabbitMQ简介

    MQ是什么 MQ Message Quene 翻译为 消息队列 通过典型的 生产者和消费者模型 生产者不断向消息队列中生产消息 消费者不断的从队列中获取消息 因为消息的生产和消费都是异步的 而且只关心消息的发送和接收 没有业务逻辑的侵入 轻

  • 出现找不到msvcp140.dll无法继续执行代码要怎么解决？

    出现找不到msvcp140 dll无法继续执行代码要怎么解决 当你尝试在Windows系统上运行某些程序或游戏时 可能会遇到 找不到msvcp140 dll无法继续执行代码 的错误提示 这个错误通常表示你的系统缺少了msvcp140 dll

  • centos7密码破解

    centos7密码破解 首先准备一台centos7系统 密码知道不知道都可以 1 先打开centos 然后进入选择系统的那一栏 然后点击任意键停住 按住e进入单用户模式 已经进入单用户模式 2 在Linux16最后面加上 目录rd brea

  • python操作Neo4j进行同名实体合并

    python操作Neo4j进行同名实体合并 使用python操作neo4j 3 5 4版本 时 防止已有节点重复创建 使用NodeMatcher函数 from py2neo import Graph Node Relationship No

  • 华为OD机试-计算网络信号

    华为OD机试 计算网络信号 网络信号经过传递会逐层衰减 且遇到阻隔物无法直接穿透 在此情况下需要计算某个位置的网络信号值 注意 网络信号可以绕过阻隔物 array m n 的二维数组代表网格地图 array i j 0代表i行j列是空旷位置

  • LeNet5的深入解析

    论文 Gradient based learning applied to document recognition 参考 http blog csdn net strint article details 44163869 LeNet5

  • Docker 使用国内镜像仓库

    Docker 使用国内镜像仓库 1 问题描述 2 总结 1 问题描述 由于某些原因 导致Docker镜像在国内下载速度特别慢 所以为了沉浸式开发 最好切换为国内源 这里以163 的镜像仓库举例 首先修改 etc docker daemon

  • 抓取得物数据出现验证码的解析思路

    原创来自本人的公众号 阿嚏个技术 公众号文章地址 得物采集数据出现geetest验证码的解析方式 本文仅提供反爬技术的分析思路 勿做商业用途 如有侵权 请联系删除 之前写过一篇爬得物数据的文章 毒 得物 APP历史购买数据抓取 阅读数还是挺

  • thrust快速入门指南（并行算法库，类似C++的STL）

    thrust快速入门指南 文章目录 thrust快速入门指南 Introduction Prerequisites Simple Example Vectors Thrust Namespace Iterators and Static D

  • Django安装提示错误

    使用sudo pip install 的时候出现下面一段代码 The directory Users XX Library Caches pip or its parent directory is not owned by the cur

  • 【KBQA】医疗知识图谱的问答系统实现

    知识图谱的构建 1 1数据的收集 初探医疗知识图谱 这篇文章概述了医疗知识图谱的定义 特点和应用 以及构建医疗知识图谱的数据源和步骤 文章指出 目前医疗知识图谱构建的数据源可以分为三个部分 权威的医学文献 临床数据和互联网信息 医学知识图谱

  • 郑州大学远程教育计算机考题,2017年郑州大学远程教育计算机考题.doc

    一 单项选择题 30道小题 共60分 1 下面关于计算机病毒说法正确的是 2分 A 都具有破坏性 B 有些病毒无破坏性 C 都破坏EXE文件 D 不破坏数据 只破坏文件 2 Excel中的电子工作表具有 2分 A 一维结构 B 二维结构 C

  • SAP FICO 会计凭证打印开发说明书（包括测试样例、程序代码仅作参考，不保证一定可以运行)

    开发说明书 输入屏幕 输出布局及样式 程序逻辑 输入表屏幕逻辑 查询表BKPF 根据条件 BKPF BUKRS 输入条件的公司代码 BKPF BUDAT 输入的过账日期 取值 SAP会计凭证号码 BKPF BELNR 公司代码 BKPF B

  • c语言初级指针详解，一级指针，二级指针。n级指针

    目录 一 1级指针 1 1 内存的使用 1 2 c语言内存中数据的访问 1 3 一级指针的定义方式 1 4 通过指针访问数据 二 二级指针 2 1二级指针的创建和访问 总结 一 1级指针 首先在对指针进行理解之前 我们要清楚下面这几个个概念

  • 【C++】栈和队列（stack&queue）

    栈和队列 一 stack的介绍和使用 1 概念 2 常见接口 3 使用 1 最小栈问题 2 栈的压入 弹出序列 3 逆波兰表达式 4 stack 的模拟实现 二 queue的介绍和使用 1 概念 2 常见接口 3 使用 用队列使用栈 4 q

  • float布局--圣杯布局

    前言 虽然现在有了flex弹性盒子模型 很多布局效果都可以通过flex盒子来实现 但由于flex盒子模型的兼容性不容乐观 ie至少要10才能支持flex 所以还是很有必要学习float流式布局的 栗子 正常的块级元素的布局是这样的 文字代表

  • 嵌入式开发中logout两种实现方式与原理

    1 如果没有logout头文件 利用 include

  • 设置文字渐变颜色在IOS系统上不显示问题

    设置的文字渐变颜色在IOS上不显示 如下代码设置渐变色 background linear gradient 180deg D37E98 27 68 FFBDD1 86 61 webkit background clip text webk

热门标签