腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
带有
转换
和
translateY
的
Safari
bug
:“
jumping
”
元素
css
、
safari
、
webkit
、
css-transitions
我正在用
translateY
移动一个
元素
。在Chrome、Firefox、IE、Edge下一切正常 例外
Safari
(12.1.2 & 13.1.2)
和
GNOME Web (WebKit)。在
Safari
下,
元素
“跳转”。padding: 10px; } transform:
translateY
(-150%);
浏览 34
提问于2019-09-17
得票数 3
1
回答
实体化:在
Safari
中设置在%中
的
translateY
转换
是不稳定
的
css
、
forms
、
safari
、
css-transforms
、
materialize
在实现CSS中,我发现在%中设置
的
%
转换
在
Safari
中是不稳定
的
。在针对iOS
和
MacOS
的
Safari
中也会发生同样
的
情况。 当
转换
设置为px或em/rem而不是%时,跳跃式就消失了。
浏览 2
提问于2017-02-01
得票数 0
回答已采纳
2
回答
当一个
带有
动画“
转换
(%)”
的
元素
被调整大小时,
Safari
bug
的
解决方法
html
、
css
、
animation
、
safari
、
css-animations
寻找解决我在
Safari
(10.1.1版)中遇到
的
一个
bug
的
方法,在这个版本中,使用%transform动画
的
元素
在调整
元素
大小时不会正确更新。translateX(-50%)
translateY
(-50%); }animation: same_transform_as_keyframes 1s linear 0s infinite normalnone running; 然后,在
Safari
10.1.1
和</em
浏览 4
提问于2017-09-22
得票数 11
1
回答
@关键帧与变换尺度
的
结合
html
、
css
、
css-animations
当我加载页面时,该框将有无限关键帧
的
动画跳转。现在我希望这个盒子在我悬停
的
时候扩大它
的
规模,但是我似乎无法解决它。当我添加“悬停”代码时,它只能工作一次。我加上了“无限”,但还是行不通。但是当我移除关键帧时,这个比例就会像我想要
的
那样工作得很好,但是我想把关键帧
和
比例结合在一起。 border-radius: 10px; color: #f2f2f2; animation:
jumping</e
浏览 0
提问于2018-02-13
得票数 1
回答已采纳
1
回答
在
Safari
中,window.setTimeout()在页面导航后停止
javascript
、
ios
、
macos
、
safari
、
frontend
当然,这是假
的
,但当有4-5条消息要在10秒内阅读时,它会让时间看起来更短。有没有人遇到过这种情况,并且知道一种解决办法?我真的不想将标准表单提交替换为AJAX表单提交,因为这将涉及到相当多
的
重构,而我们没有预算。
浏览 2
提问于2018-11-07
得票数 1
1
回答
在
translateY
过渡过程中css模糊滤波器
的
边缘变得坚实
css
、
transform
、
css-animations
、
translate
、
css-filters
我有一个
元素
,其中应用了一个-webkit-filter: blur(10px);。我使用CSS动画将
元素
上下移动,并使用它
的
translateY
属性。当
元素
是动画或过渡时,模糊仍然存在,但边缘变得坚硬。当动画或过渡结束时,边缘再次变得模糊,就像他们应该做
的
那样。我做了一个演示,展示了下面的笔记
的
例子。在动画
元素
上强制硬件加速,并在父
元素
上添加backface-visibility: hidden Things of Note
浏览 5
提问于2016-04-27
得票数 2
1
回答
在IE、Edge
和
Safari
中不工作
的
转换
css
、
internet-explorer-11
、
microsoft-edge
在IE、Edge
和
移动
Safari
中添加
转换
时,我遇到了一些问题。有一个
元素
被
转换
为另一个类,该类是用jQuery添加
的
。完整高度
元素
的
css如下所示: height: calc(100% - 178px); position: fixed; transform:
translateY
(-100%)
translateY</e
浏览 2
提问于2017-01-20
得票数 1
回答已采纳
2
回答
使用绝对位置
和
百分比垂直居中子div时出现错误
html
、
css
、
google-chrome
、
cross-browser
我有一个div,这是我
的
“弹出窗口”,我正在动画显示在它
的
父div
的
直接中心。因此,我使用绝对定位、负边距
和
left+top来定位它,这样我就可以简单地在悬停时使用-webkit-transform:
translateY
(-100%)对其进行动画处理。在
Safari
和
Mobile
Safari
上效果很好。 如果你在Chrome或Firefox中使用像素,它可以正常工作,即使你使用所有百分比,但使用像素设置父div宽度,它也可以工作。在
Safa
浏览 2
提问于2013-08-03
得票数 7
回答已采纳
4
回答
为什么在
Safari
上
转换
转换
不能正常工作?
css
、
safari
50%; transform: translate(-50%, -50%);它在Firefox,Internet Explorer
和
Chrome上运行得很好,但在
Safari
上就不行。在
Safari
web浏览器中居中显示图像
的
解决方法是什么?
浏览 0
提问于2015-04-25
得票数 25
回答已采纳
2
回答
全屏背景html5在谷歌chrome浏览器上不能很好地工作
css
、
html
我已经做了一个全屏背景
的
网站。它在
Safari
和
IE上运行良好,但不能在Google Chrome上运行,视频没有居中,完全被剪切到屏幕
的
右上角。CSS
和
HTML:#Video-Background { min-width: 100%; heightauto; top: 0; z-index: -100; trans
浏览 1
提问于2015-07-09
得票数 0
1
回答
如何在
转换
变换时停止Chrome截断CSS模糊滤镜
css
、
google-chrome
这会导致不需要
的
渐变,其中
元素
接触窗口
的
边缘(如下例所示)。 我假设在动画
转换
时会创建一个新
的
堆叠上下文,类似于应用transform3d或will-change: transform时。即使
元素
是静态
的
,应用这些属性也会产生相同
的
效果。 当将
元素
嵌套在另一个
元素
中,并在父
元素
上设置
转换
,在子
元素
上设置模糊时,问题就消失了。我已经用一个最小
的
测试
浏览 28
提问于2019-10-02
得票数 3
1
回答
在
Safari
上使用:之前悬停错误
css
、
debugging
、
safari
、
css-selectors
、
hover
我使用下划线显示导航链接上
的
悬停效果。当我在
Safari
上悬停时,首先出现
的
悬停背景与我
的
css一致,但后来我看到
的
是橙色背景。我发现如果我删除伪
元素
的
高度,这个橙色
的
背景是不可见
的
。right: 0; background-color: $color; -webkit-transform:
translateY
(4px);
浏览 8
提问于2016-09-27
得票数 0
1
回答
Android Webkit中
的
CSS
转换
后台可见性
android
、
css
我正在开发一个基于移动网页
的
网页,它使用CSS
转换
和
3D
转换
。我在Android3.1Webkit中遇到了一个
bug
,我似乎找不到解决方案。我使用CSS旋转,这样基本上就有了一个
带有
参数backface-visibility: hidden;
的
元素
,然后我向这个
元素
添加了一个类来启动
转换
。hidden;.rotating-cover-effect { -webkit-transform: rotateY
浏览 0
提问于2012-01-04
得票数 1
1
回答
Safari
和
Touchpad特定
的
问题导致动画
元素
卡住
css
、
browser
、
safari
我有一个非常奇怪
的
问题,我只观察到
Safari
,在触摸屏上。关于这件事
浏览 1
提问于2014-06-12
得票数 0
回答已采纳
1
回答
基于SVG
元素
的
Safari
兼容CSS3动画
css
、
svg
、
css-animations
我有一个奇怪
的
bug
,我似乎搞不懂:
Safari
似乎只能做其中
的
一个,而不是同时做两个。我不知道IE中发生了什么,因为我在Mac上。:
translateY
(0px); transform:
translateY
浏览 1
提问于2015-08-17
得票数 5
2
回答
SVG使用引用外部文件
的
元素
在
Safari
中不起作用
html
、
svg
、
safari
、
xlink
我有一个内联SVG
的
HTML文件,它反过来引用外部SVG文件中
的
SVG
元素
和
库
元素
。它使用
带有
xlink:href="Library.svg#libraryShapeID"
的
<use>
元素
。它在Opera
和
Firefox中可以轻而易举地工作,但在
Safari
中不能工作。我在这里做了一个简单
的
测试文件: 是浏览器
的
某个
bug
,还是我
浏览 0
提问于2012-07-03
得票数 3
2
回答
WebKit边界半径与过渡缺陷
css
、
css-animations
在Google
的
最新稳定版本:31.0.1650.63m(金丝雀)中,当涉及到边界半径
和
过渡时,仍然存在一个
bug
。在应用边界半径
的
元素
中
的
内容直到动画结束才会被剪短。我设法通过
转换
"top“
和
”左侧“属性来解决这个问题,而不是translateX /
translateY
。 有治疗不透明度
的
方法吗?
浏览 6
提问于2013-12-16
得票数 3
回答已采纳
1
回答
在
Safari
中不工作
的
CSS
转换
(使用flexbox
和
transform)
html
、
css
、
cross-browser
、
flexbox
我在我
的
网页主导航中为导航项做了css
转换
。我做了一支短笔,这样你就能了解它
的
效果。 有办法解决吗?我想这与
safari
解释“正当内
浏览 0
提问于2016-01-07
得票数 4
2
回答
CSS规则不适用于svg组
转换
svg
、
transform
我有关于svg组
转换
的
问题。transform:
translateY
(200px);-moz-tranform:
translateY
(200px);-o-tramsform:
translateY
(200px); } 我正在创建
带有</
浏览 3
提问于2012-08-13
得票数 2
回答已采纳
1
回答
Safari
在选项卡未打开时暂停CSS动画延迟计时器?
css
、
animation
、
safari
、
synchronization
、
delay
我最近遇到了一个问题,CSS动画只有在
Safari
中运行时才会取消同步,但这种情况并不总是发生。 } opacity: 1; } opacity: 1; } o
浏览 2
提问于2019-11-15
得票数 0
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
【夯基石】-CSS2D转换
iOS 14:Safari升级的所有新功能展示
IT兄弟连 HTML5教程 CSS3属性特效 2D变换1
谷歌将解决苹果 iOS 15 上搜索结果禁用 AMP 问题,修复一些bug
苹果发布iOS:强烈建议所有用户更新并优化了续航
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
云直播
实时音视频
活动推荐
运营活动
广告
关闭
领券