Safari不支持@Keyframe不透明度/填充
Safari是苹果公司开发的一款网页浏览器，而@keyframes是CSS3中用于创建动画效果的关键帧规则。在Safari浏览器中，可能存在不支持@keyframes规则中的不透明度和填充属性的情况。
不透明度属性（opacity）用于控制元素的透明度，取值范围为0到1，0表示完全透明，1表示完全不透明。填充属性（fill）用于指定元素的填充颜色。
由于Safari浏览器的兼容性问题，可能无法正确解析和显示@keyframes规则中的不透明度和填充属性。这意味着在使用这些属性时，动画效果可能无法在Safari浏览器中正常展示。
为了解决这个问题，可以考虑以下几种方法：
- 使用其他浏览器：除了Safari，还有许多其他流行的浏览器，如Chrome、Firefox等，它们对@keyframes规则中的不透明度和填充属性有更好的支持。
- 使用其他动画效果：如果不透明度和填充属性对于动画效果并非必需，可以尝试使用其他CSS属性或技术来实现相似的动画效果，例如使用transform属性进行平移、旋转或缩放动画。
- 使用JavaScript库：借助JavaScript库，如jQuery、GSAP等，可以更灵活地控制动画效果，并且可以在各种浏览器中实现一致的效果。
腾讯云提供了丰富的云计算产品和服务，其中与前端开发和动画效果相关的产品包括腾讯云CDN（内容分发网络）和腾讯云Web+。腾讯云CDN可以加速网站的静态资源加载，提高用户访问速度和体验。腾讯云Web+是一款全托管的Web服务，提供了丰富的前端开发工具和环境，可以方便地部署和管理网站。
更多关于腾讯云CDN的信息，请访问：腾讯云CDN产品介绍 更多关于腾讯云Web+的信息，请访问：腾讯云Web+产品介绍
相关·内容
下面的动画在最新的Chrome和FF中工作，但Safari没有遵循定义的@Keyframe。你能帮我解决这个问题吗？问题是Safari不透明度不遵循定义的@Keyframe，并在整个动画过程中“扩散”填充不透明度，而不是在0%、30%、90%和100%时尊重@Keyframese来控制不透明度。其意图是填充不透明度应该仅从动画时间的90%和100
浏览 66提问于2019-04-11得票数 1
回答已采纳
我没有看到任何具有不透明度的饼图示例，而且饼图中不支持填充属性，因为条形图支持填充属性。谁能提供一个具有不透明度或透明度设置的饼图示例(针对饼图本身，而不是标签)？
浏览 2提问于2014-07-14得票数 0
timeline.setCycleCount(Timeline.INDEFINITE); new EventHandler<ActionEvent>() {
浏览 2提问于2015-08-04得票数 1
我有一个页面，它的内容是不可见的(不透明= 0)，基于isIntersecting属性，用户将不透明度向下滚动到1，这非常简单，也是IntersectionObserver API的基本实现。然而，我对Safari的支持有一些问题，也许还有其他像我这样使用旧浏览器的人。然而，我的CSS仍然具有0的不透明度，我需要向那些不支持IntersectionObserver的浏览器展示不透明度为1的内容。
我该怎么做？
浏览 16提问于2022-05-15得票数 0
我已经搜索了一段时间关于如何在SWF对象上分层html元素，最后我找到的是(根据):-Firefox：不支持分层(但它起作用了，但没有透明度)。Chrome：声称它不受支持，但令人惊讶的是，它工作得很好，而且透明度很高。safari(Mac )：支持。我知道，我可以很容易地设置wmode=“透明”或wmode=“不透明”--分层将很好地工作。但是我发现，对于包含
浏览 4提问于2012-12-10得票数 3
我正在使用@keyframe动画的一些按钮淡出，从不透明:0到不透明: 1。important; /* THIS DOES NOT HAPPEN BECAUSE THE OPACITY WAS ANIMATED */}
PS:在真正的web应用程序中，我也在缩放按钮，所以我需要的修复不仅仅是为了不透明。我需要
浏览 3提问于2015-04-17得票数 8
回答已采纳
我创建此方法是为了将图像列表显示为幻灯片。它可以正常工作，直到它有超过50或60张图像需要处理。然后它就崩溃了所以，我想知道每次循环时是否应该设置为null？我在网上到处搜索，但没有找到答案。private void createSlideshow(Stage stage, ArrayList<BufferedImage> slideList, int durationInSecs) throws InterruptedException {
st
浏览 2提问于2016-02-02得票数 3
回答已采纳
2回答
public void close(){
.opacityProperty(), 0); opacity); stage.close();
浏览 3提问于2015-08-02得票数 0
回答已采纳
我正在寻找一个好的方法来显示一些标点符号加载“动画”。This will display at second 1: "Waiting for your input."This will display at second 3: "Waiting for your input..."
This will display at second 4: "Waiting for your input....&#
浏览 2提问于2013-03-13得票数 12
回答已采纳
if(index == 81){ }});<rect class="pixel-box" id="Rectangle
浏览 4提问于2015-08-11得票数 4
1回答
JavaFX淡出舞台与封闭
、、、、
我很难弄清楚这是否可能。大多数人想要的常见行为是淡出node的扩展，这完全可以通过FadeTransition实现。
浏览 11提问于2015-07-23得票数 4
回答已采纳
4回答
Safari总是将其不透明设置为full，因为如果没有，它就不会正确地呈现。但是，我还有一个jquery事件，当单击这个div时，透明度会减弱为0，对于所有浏览器，我需要它淡出到0 (fadeout不是选项)。div的html随后被更改，我需要所有浏览器的不透明度返回到0.85或85，除了safari，它需要返回到100。
我如何在jquery中针对这一点呢？
浏览 10提问于2011-03-25得票数 0
回答已采纳
我正在尝试创建一个Silverlight切换按钮样式，可以在加号和减号之间翻转。不幸的是，它总是显示一个减号。谁能告诉我这种风格有什么问题： <Setter Property="Template"> <ControlTemplate TargetType="ToggleButton&#
浏览 2提问于2011-03-09得票数 1
回答已采纳
1回答
下图说明了Internet Explorer中的png透明度问题，我无法解决。
我意识到它在白色背景下可能是看不见的，所以这里是同一个图像的反义词，以帮助理解。其想法是提供一个软的领先，它很好地工作在Chrome/FF/Safari/Whathaveyou，但很明显，一个人不可能有美好的东西和IE想要脱颖而出。我非常感谢在这件事上提供任何帮助。编辑:我在某个地方读到，Internet不支持将不透明效果和透明pngs结合在一起。通过消除不透明度<
浏览 2提问于2010-12-14得票数 2
我试图在不使用fadeTo()的情况下从100%不透明度到40%不透明度来设置div的动画。我需要使用animate()。它在chrome/FF/safari中运行良好，但在IE中，不透明度不会动画，它只是在动画完成后更改为动画。在IE 7和8中发生。它只是没有动画的不透明度。有什么想法吗？
浏览 0提问于2009-12-31得票数 1
然而，在Safari ( Win)中：
只有当父类的类名中还有“幻灯片左边”时，淡出才能起作用。这很奇怪，因为它只添加了第二个动画(左定位)。.moduleCarousel.fade > div.active {z-索引: 3；不透明度: 1；-webkit-动画-名称:淡出；} .moduleCarousel.slide.left.fade> div.active {-webkit-动画名称:幻灯片-左，淡出；动画-名称:幻灯片-左，淡入；} /* Chrome，Safari，Opera *&#
浏览 6提问于2014-09-22得票数 2
回答已采纳
2回答
scroll(function(){ });
</script> 在Safari中，我有一个问题，如果我在Safari中向上滚动通过div，会添加比标准值0.9更高的不透明度。这在我的模板上看起来不太好，因为div是不透明度为0.9的头部的一部分。我希望它最大限度地显示与不透<
浏览 12提问于2019-04-26得票数 1
我一直在使用PDFKit和NodeJS来为我们正在开发的应用程序生成PDF，而且我无法设置笔画不透明度和填充不透明度到路径。这是一幅应该是什么样子的图像：
这就是它在PDF中显示的方式：(忽略几个区域中稍微灰暗的部分，它是水印)
两种方法的不透明度值都应为0.6。这就是我试图应用填充笔画和不透明度的方法：pdfDocument.lineCap(
浏览 2提问于2017-11-16得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
