css - CSS3转换方法和CSS2相对定位之间有什么区别?

标签 css css-transforms

似乎它们都可以使元素从其当前位置移动。这两种方法可以互换吗?

最佳答案

这两种方法并不完全相同:转换元素将不需要更改其topleftrightbottom CSS属性,因此,offsetTop/offseLeft Javascript属性以相同的方式不受CSS转换的影响。此外,元素的位置也可以是static(因此不需要z-index)
如果改为使用position: relative,则将更改这些属性以在视觉上实现相同的效果。
fiddle 示例:http://jsfiddle.net/LkLey/
当然,如果您必须使用旧的浏览器(例如IE8FF2),则必需的选择是相对定位,否则,选择两种方法中的一种我看不到明显的方便(嗯,老实说,相对定位是没有必要的多前缀-moz--webkit- ...的集合在任何地方都可以使用),因此选择取决于您(取决于布局)。

关于css - CSS3转换方法和CSS2相对定位之间有什么区别?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10007093/

相关文章:

jquery - 从顶部滚动时使背景颜色向上/向下淡化

CSS 定位 : Full-width header shall have the same left margin as the centered content-div

Jquery 循环插件 - Hover/Mouseout Slideshow

html - 如何用CSS让物体移动?

jQuery UI 可选择的 css 转换问题

CSS transform :scale() introduces a scrollbar in Firefox, 如何摆脱它?

css - 如何使用纯 CSS 更改不活动的 <li> 元素?

css - 调整浏览器大小时,使列和主要内容保持在左侧或右侧

jquery - 如何做 $ ("#side1").css ("transform","translateX(-100px) scale(1)") 使用 jquery animate?

html - 带有 float 子项的中心父 div