WebKit (iPad) CSS3: Background transition flickers在 Safari / WebKit 中通过 CSS3 动画改变背景颜色时遇到问题,特别是在 iPad 上。附上两张截图来说明问...
在 Safari / WebKit 中通过 CSS3 动画改变背景颜色时遇到问题,特别是在 iPad 上。
附上两张截图来说明问题。
如果我选择一种颜色,内圈应该从当前颜色淡化为新选择的颜色。
但是你可以看到在动画过程中有非常奇怪的方块。
最重要的是整个应用程序的背景颜色(背景 DIV)也以选定的颜色着色。但这里并非完全不透明。非常轻松通过:
1 | $('#bgWrapper').css('background','rgba(XX,XX,XX,0.1)'); |
这个元素完美地淡化了颜色——当我切换到完全不透明时也是如此。
圆圈元素(
更改颜色
我尝试过的任何方法都不起作用。
有谁已经和这个打过架了?
最好的问候,
好的,伙计们,明白了!
iPad 在大元素上的动画(空间背景颜色)方面存在问题。
我的元素是 1600 像素 x 1600 像素,如果将大小更改为 800 像素 x 800 像素并通过 CSS3 将其放大一点(缩放(2)),它就可以工作。同样,当元素通过 CSS3 再次放大时。
希望对您有所帮助。
本文标题为:关于 css:WebKit (iPad) CSS3: 背景过渡闪烁


基础教程推荐
- 纯css实现漂亮又健壮的tooltip的方法 2024-01-23
- js判断一个对象是否在一个对象数组中(场景分析) 2022-10-21
- html5视频如何嵌入到网页(视频代码) 2025-01-22
- clientX,pageX,offsetX,x,layerX,screenX,offsetLeft区别分析 2024-01-08
- Bootstrap学习笔记之css组件(3) 2024-01-22
- JSONObject与JSONArray使用方法解析 2024-02-07
- 创建Vue3.0需要安装哪些脚手架 2025-01-16
- Django操作cookie的实现 2024-04-15
- Loaders.css免费开源加载动画框架介绍 2025-01-23
- webpack学习笔记一:安装webpack、webpack-dev-server、内存加载js和html文件、loader处理非js文件 2023-10-29