开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

转换: translateY(-50%)在Safari中不起作用

转换: translateY(-50%)是CSS中的一个属性，用于将元素在垂直方向上向上或向下移动一定的距离。在Safari浏览器中，如果该属性不起作用，可能是由于以下原因：

浏览器兼容性问题：不同浏览器对CSS属性的支持程度不同，可能是Safari浏览器对该属性的支持存在问题。可以尝试使用浏览器前缀来增加兼容性，例如：-webkit-transform: translateY(-50%)。
元素定位问题：转换属性需要应用于定位元素，如果元素没有设置定位属性（如position: relative, absolute等），转换可能不起作用。请确保目标元素已经设置了正确的定位属性。
其他CSS属性干扰：可能是其他CSS属性对转换属性产生了影响，导致其不起作用。可以尝试检查其他与该元素相关的CSS属性，并逐个排除以确定问题所在。

如果在Safari中无法解决该问题，可以尝试使用其他CSS属性或技术来实现相同的效果，例如使用flexbox布局或使用JavaScript来动态计算元素的位置。另外，如果您使用腾讯云进行云计算相关开发，可以参考腾讯云的文档和产品来解决类似的问题，具体链接如下：

相关搜索:转换: translateY()在Safari中不起作用 transform translateY在Safari上不起作用顶部: 50%；在Safari中不起作用后台位置转换在Safari中不起作用 css转换-延迟在safari桌面、safari和chrome mobile中不起作用 Safari - Transition在Safari中不起作用(手机版)转换风格:保留-3D在safari中不起作用？SVG textPath在Safari中不起作用 $_COOKIE在Safari iOS中不起作用 Javascript for...of在Safari中不起作用 Javascript preventDefault()在Safari中不起作用 SVG feColorMatrix在safari中不起作用后台透明在Safari中不起作用在css中转换translateY而不实际移动元素使用webkit转换应用css类在Safari或Chrome中不起作用 Flex box在Safari 5.1中不起作用边界-半径过渡在Safari中不起作用 shadowRoot.activeElement在safari中不起作用 JQuery自动提交在Safari中不起作用 CSS背景颜色在Safari中不起作用

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

为什么 strace 在 Docker 中不起作用？

在编辑“容器如何工作”爱好者杂志的能力页面时，我想试着解释一下为什么 strace 在 Docker 容器中无法工作。...原因 1：在实验中，作为一个普通用户，我可以对我的用户运行的任何进程进行 strace。...容器进程是否在不同的用户命名空间中？嗯，在容器中： root@e27f594da870:/# ls /proc/$$/ns/user -l ......这很容易解释为什么 strace 在 Docker 容器中不能工作 —— 如果 ptrace 系统调用完全被屏蔽了，那么你当然不能调用它，strace 就会失败。...在 containerd 的 seccomp 实现中，在 contrib/seccomp/seccomp/seccomp_default.go 中，有一堆代码来确保如果一个进程有一个能力，那么它也会（通过

6.4K3 0

在bootstrap中col-md-offset-* 偏移不起作用

在bootstrap中，使用col-md-offset-1、col-md-offset-2、col-md-offset-3、col-md-offset-4等来设置偏移量很常见，但最近就遇到一个问题了，在最新版的...bootstrap4.5中，这个值不起作用了。...后来翻看Bootstrap的官方文档才明白，原来在bootstrap4以后，定义已经发生了变化，我们不需要前缀col-，只是偏移-md-3 这样的写法，也就是不要col-开头了，而是offset-md-

12.6K2 0

Flask session cookie 失效在Safari中的解决方法

Flask 会默认使用客户端会话管理，数据存储在浏览器的 cookie 中。...因此，在 Safari 和 iOS 中，Flask 的 session cookie 无法被设置。...在 Safari 和 iOS 中启用对第三方 cookie 的支持。...因此，在 Safari 和 iOS 中，Flask 的 session cookie 无法被设置。...在 Safari 和 iOS 中启用对第三方 cookie 的支持。通过这些步骤，应该可以有效解决 Safari 中 Flask session cookie 失效的问题。

931 0

List.append() 在 Python 中不起作用，该怎么解决？

在 Python 中，我们通常使用 List.append() 方法向列表末尾添加元素。然而，在某些情况下，你可能会遇到 List.append() 方法不起作用的问题。...问题描述虽然 List.append() 方法通常在 Python 中运行良好，但在某些情况下，它可能无法正常工作。以下是一些可能导致 List.append() 方法不起作用的情况：1....变量重新赋值在 Python 中，列表是可变对象，也就是说，它们可以通过引用进行修改。...列表作为函数参数另一个导致 List.append() 方法不起作用的常见情况是将列表作为函数的参数传递。在 Python 中，函数参数传递是通过对象引用实现的。...结论List.append() 方法在 Python 中通常是一个方便且常用的方法，用于向列表末尾添加元素。然而，当遇到某些情况时，它可能不起作用。

2.7K2 0

在win10+chrome环境中调试ios-safari画面

手头上有个调试Echarts地图在ios端显示情况的任务，工作电脑是win10，因此在这里，找到了方法。 1 下载iTunes 在官网下载iTunes。才能识别连接的ios设备。...2 开启调试模式在ios端打开设置->Safari->高级->Web检查器 3 ios-webkit-debug-proxy 这里就是核心了。...其使得开发者可以发送命令到真实（或虚拟）IOS设备中的 Safari 浏览器或 UIWebViews 。与原博相比，git上有一些更新：在Binaries小节点击下载。...浏览器地址栏输入会显示所有设备清单： iOS Devices: localhost:9222 - iPad 点击打开可以发现地址栏变为：同时显示该ios设备中Safari浏览器打开的所有页面...提示显示需要右键点击点击链接，选择复制链接地址，再在新标签页中打开链接。就能看到常见的chrome调试接口 6 缺点发现console输出无效。

2.1K1 0

CSS3的3D变换和动画

CSS3的3D变换 transform属性 attr des css level transform 向元素应用 2D 或 3D 转换。...3 transform-origin 允许你改变被转换元素的位置。 3 transform-style 规定被嵌套元素如何在 3D 空间中显示。...3 @transfrom兼容性 IE10，firefox以及Opera支持@keyframe，而chrome和safari需要加浅醉-webkit-，IE9及早期IE版本是不支持的，所以这些功能一般是在移动端使用...3 @keyframe兼容性 IE10，firefox以及Opera支持@keyframe，而chrome和safari需要加浅醉-webkit-，IE9及早期IE版本是不支持的，所以这些功能一般是在移动端使用...-webkit-transform: translateY(0); transform: translateY(0); } } 可直接套用运行最后的最后在经历上面一番折腾之后

1.5K6 0

CSS3的3D变换和动画

3 transform-origin 允许你改变被转换元素的位置。 3 transform-style 规定被嵌套元素如何在 3D 空间中显示。...3 @transfrom兼容性 IE10，firefox以及Opera支持@keyframe，而chrome和safari需要加浅醉-webkit-，IE9及早期IE版本是不支持的，所以这些功能一般是在移动端使用...3 @keyframe兼容性 IE10，firefox以及Opera支持@keyframe，而chrome和safari需要加浅醉-webkit-，IE9及早期IE版本是不支持的，所以这些功能一般是在移动端使用...代码如下： .item-1::after { position: absolute; left: 50%; margin-left: -11px; bottom: 1%;...-webkit-transform: translateY(0); transform: translateY(0); } } 可直接套用运行最后的最后在经历上面一番折腾之后

1.2K1 1

【Json】json在SpringBoot中的格式转换

() { Student student = new Student("bennyrhys",158 ); return student; } 在pom.xml...toJSONString() 和 parseObject() 方法来将 Java 对象与 JSON 相互转换。...调用toJSONString方法即可将对象转换成 JSON 字符串，parseObject 方法则反过来将 JSON 字符串转换成对象。...jSONObject = JSONObject.parseObject(String); JSONArray jsonArray= JSONArray.parseArray(String); 2、JSONObject中的数组提取为...jsonArray= jsonObject.getJSONArray(“Result”); JSONObject jsonObject = jsonArray.getJSONObject(0); 封装json在entiy

6.4K2 0

css实现页面加载动画

正在加载中....border-radius: 50%; border: 3px solid transparent; /* COLOR 1 */ border-top-color...ease-out; } .loaded #loader-wrapper { visibility: hidden; -webkit-transform: translateY...(-100%); -o-transform: translateY(-100%); /* Chrome, Opera 15+, Safari 3.1+ */...-ms-transform: translateY(-100%); /* IE 9 */ transform: translateY(-100%); /*

3.8K3 0

CSS完成元素水平垂直居中

这样便可以实现元素在父容器里垂直居中显示了。...absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; } 2.使用transform属性实现【浏览器兼容性：Safari...然后添加样式{left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);}便好了。...其中的translateX(-50%)表示将此元素在X轴上向左移50%元素宽度的距离，同理translateY(-50%)将元素在Y轴上向上移50%元素高度的距离。...; top: 50%; transform: translateX(-50%) translateY(-50%); } 3.使用flex布局实现【浏览器兼容性：Safari 9

1.3K1 0

在 plist 中轻松转换两种格式

在 plist 中，有两种常见的格式：.plist 和 .plistx。这两种格式有什么区别？它们之间如何相互转换？本文将为您详细解答。...在 iOS 上架时，需要将 plist 文件上传到苹果的 App Store 进行审核。...在 OS X 10.8 中，这个文件被默认转换成了二进制格式，所以使用上述文章中的命令修改就会造成未知后果。所以下面介绍一下在 plist 的两种格式之间互相转换的方法。...此方法不仅适用于 OS X 上的 plist，也适用于 iOS 中的 plist 文件。...转换的方法非常简单，也是一行命令的事： plutil -convert format(格式) filename(文件名)命令中的“格式”部分需要用对应的格式代替，在这里 XML 格式需要替换为“xml1

5872 0

css笔记 - transform学习笔记(二)

transform转换 CSS transform 属于2D/3D上的转换、变形效果。他不是一个动画，他就是变形。比如正方形变平行四边形，再变圆形。都是形状变成另一个形状。...(y) 只是用 Y 轴的值位移同上 3D translateZ(z) 只是用 Z 轴的值位移同上括号里边，数值后边一定要有单位值，如果没有单位值不起作用 translate执行的位移，对于周围的元素不产生任何影响...规定3D元素的透视效果目前浏览器都不支持，只有safari和chrome用替代元素-webkit-perspective 只影响有3d转换属性的子元素，是加在父元素身上的。...大致属性同perspective perspective-origin : 50% 200px; 为什么第一个是百分比，第二个是像素值？...x-axis 定义该视图在x轴上的位置、 y-axis 定义该视图在y轴上的位置 perspective-visibility 定义元素在不面对屏幕时是否可见混合写法多个属性值之间用逗号隔开即可。

1.7K1 0

实现滚动时Header自动隐藏

这是掘金网页版的头部，当滚动条向下滑动时，主header会隐藏，次级header会吸在页面顶部。...(0px); } .main-header.hidden, .sub-header.hidden { transform: translateY(-50px); } </style...(-50px)（即向上偏移50px）。...你可能会发现在这段代码的上面，还有一段不明所以的代码： if (topArrived) { isHidden.value = false return } 当滚动条到顶部时，直接显示header，这是为了避免iOS设备中safari...但是在safari里可能不一致，在safari中，当地址栏收缩时，上文的公式成立；但是当地址栏是展开状态时，两者会一个相差地址栏的高度。而地址栏是否展开我没找到判断的方法。

2.3K3 0

在 plist 中轻松转换两种格式

在 plist 中，有两种常见的格式：.plist 和 .plistx。这两种格式有什么区别？它们之间如何相互转换？本文将为您详细解答。...在 iOS 上架时，需要将 plist 文件上传到苹果的 App Store 进行审核。...在 OS X 10.8 中，这个文件被默认转换成了二进制格式，所以使用上述文章中的命令修改就会造成未知后果。所以下面介绍一下在 plist 的两种格式之间互相转换的方法。...此方法不仅适用于 OS X 上的 plist，也适用于 iOS 中的 plist 文件。...转换的方法非常简单，也是一行命令的事： plutil -convert format(格式) filename(文件名)命令中的“格式”部分需要用对应的格式代替，在这里 XML 格式需要替换为“xml1

5563 0

在 plist 中轻松转换两种格式

在 plist 中轻松转换两种格式在 plist 中，有两种常见的格式：.plist 和 .plistx。这两种格式有什么区别？它们之间如何相互转换？本文将为您详细解答。...在 iOS 上架时，需要将 plist 文件上传到苹果的 App Store 进行审核。...在 OS X 10.8 中，这个文件被默认转换成了二进制格式，所以使用上述文章中的命令修改就会造成未知后果。所以下面介绍一下在 plist 的两种格式之间互相转换的方法。...此方法不仅适用于 OS X 上的 plist，也适用于 iOS 中的 plist 文件。...转换的方法非常简单，也是一行命令的事： plutil -convert format(格式) filename(文件名) 命令中的“格式”部分需要用对应的格式代替，在这里 XML 格式需要替换为“xml1

5042 0

在 Visual Studio Code 中设置 px 转换 rem

最近在做了移动端活动页面，遇到了 H5 适配的问题，其实也有 pxtorem 来做自动转换，但是组内讨论过后，还是决定自己计算 rem ，其实 rem 已经过时了，目前比较流行的是 ViewPort 了...现在遇到的问题是在设置了 RootFontSize 后，需要自己计算这个 rem 的值，直接找了个插件 cssrem 来做 px 自动转换城 rem，看个作者的例子装好之后可以直接在 vscode...中设置对应的选项来进行自定义 #在 VSCode 中设置 ren 配置基准 font-size: 16px，但你可以通过以下配置进行修改：打开 ctrl+, 用户配置界面（或项目配置），只有三个配置项

3K2 0

【说站】CSS常用技巧的整理

如果你用CSS，则你会有困惑：我该怎么垂直对齐容器中的元素？...现在，利用CSS3的Transform，可以很优雅的解决这个困惑： .verticalcenter{ position: relative; top: 50%; -webkit-transform...: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } 使用这个技巧，从单行文本...目前浏览器对Transform的支持是需要关注的，Chrome 4, Opera 10, Safari 3, Firefox 3, and Internet Explorer 9均支持该属性 2、伸展一个元素到窗口高度在具体场景中...下面的片段在文本链接前添加一个图标，对不同的资源使用不同的图标或图片： a[href^="http://"]{ padding-right: 20px; background: url

3996 0

转换符说明使用方法（在printf函数中）

如%d %c %ld......这些符号叫做转换说明。代表着数据转化成显示的形式。...一些常见的转换说明及打印结果：转换说明输出 %d 有符号十进制整数 %c 单个字符 %A 浮点数，十六进制数和p计数法（c99/c11） %a 浮点数，十六进制数和p计数法（c99/c11） %f...> int main() { int a=1,b=2; printf("有%d个小洁，%d小洁洁", a,b); return 0; } 打印结果为：有1个小洁，2个小洁洁注意：格式字符串中的转化说明一定要与后面的打印项一一相匹配...，表示short int/unsigned short int类型的值 hh 和整型转换说明一起使用，表示signed char/unsigned char类型的值 l 和整型转换说明一起使用，表示long...int/unsigned long int类型的值 ll 和整型转换说明一起使用，表示long long int/unsigned long long int类型的值 L 和浮点型转换说明一起使用，表示

2143 0

css 总结2 原

例子：box-shadow: 10px 10px 5px #888888; 5、2D转换 5种方法 translate() //相对于自身的位置变换（在应该在的位置上变换） rotate...,100px); /* IE 9 */ -webkit-transform: translate(50px,100px); /* Safari and Chrome */ -o-transform...translateX(n) 定义 2D 转换，沿着 X 轴移动元素。 translateY(n) 定义 2D 转换，沿着 Y 轴移动元素。...transform:translate(0 ,-50%) rotate(45deg); 6、3D转换 perspective属性，设置从何处查看一个元素的角度，浏览器支持 ie10之上多少像素的...50%（即观察范围的中心） transform-style :flat| preserve-3d ,默认是flat preserve-3d意思是被转换的子元素保存其3D转换（即如果是preserve

5502 0

CSS3常用转换总结

一、2D转换 translate(npx,npx) 　　相对当前元素位置移动 /* 实现div向左移动50个像素，并向下移动100个像素 */ div { transform...: translate(50px,100px); -ms-transform: translate(50px,100px); /* IE 9 */ -webkit-transform...: translate(50px,100px); /* Safari and Chrome */ } rotate(ndeg) 　　相对当前角度旋转 /* 实现div顺时针旋转30度 */ div...ms-transform: scale(2,3); -webkit-transform: scale(2,3); } skew(ndeg,ndeg) 　　相对当前角度透视倾斜 /* 实现div在X...translate translateX(npx) 　　相对当前元素位置沿X轴移动 translateY(npx) 　　相对当前元素位置沿Y轴移动 translateZ

5822 1

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭