css-position相关内容

表中的粘性行和列标题

我正在尝试设计一个表,该表具有粘性的 thead 以及粘性的行标题。因此,基本上所有 th 元素都必须是粘性的。 我偶然发现了 position:sticky css3属性似乎很适合该工作,尽管许多浏览器尚不支持该属性(给我一个问题)。但是MDN文档说: “ position:sticky”对表格元素的作用与“ position:relative”相同。 考虑到这一点,我建立了一 ..
发布时间:2020-10-12 19:24:51 前端开发

父项下的CSS位置子项

是否可以将子元素(C)放在其父元素(B)之下,以及B的邻居(C)之上? 描述起来有点困难,您可以观看示例这里。 问题是将蓝色 div.inner 放置在红色 div.neighbor上方并在绿色 div.outer 下。 举例说明: HTML代码: & nbsp; ..
发布时间:2020-10-12 19:24:50 前端开发

CSS位置置顶和Z-Index叠加/模态

我的位置有问题:粘性和z-index 我希望粘性元素中的模态被覆盖层覆盖。 位置:相对有效:模态在叠加层之前。但是当我使用Sticky时,模态就位于叠加层的后面。 希望我的意思是可以理解的。 例如: .sticky {位置:粘性; / * ..
发布时间:2020-10-12 19:23:43 前端开发

固定位置子项时从Bootstrap容器继承宽度

我正在尝试使标头div从其父级继承其宽度。标题div是位置:固定。父级包含在引导容器中。 但是,正如您在我创建的代码中看到的那样,它没有正确继承其父级的宽度-它在某处增加了一些额外的宽度。 这一切都非常令人讨厌!知道如何解决此问题吗? .category-body {margin-left :17%!重要;宽度:67%;背景颜色:红色;高度:500像素;}。category-h ..
发布时间:2020-10-12 19:23:39 前端开发

如何为固定位置设置动画?

我尝试为DIV制作动画,该动画在1秒后会固定。但是我做不到。我希望一秒钟后,名为“ homepage-hero-module”的div从右向左滑动。正如您在FIDDLE中看到的那样,它在一秒钟后变为固定状态。那么如何制作动画呢? 我尝试使用CSS,但是没有运气。 -webkit-transition:左1s; -moz-transition:左1s; -o-transitio ..
发布时间:2020-10-12 19:23:38 前端开发

在绝对定位的元素上遇到nowrap和max-width的问题

我猜这两个属性实际上并不能一起工作,但是我的情况是 我正在尝试创建一个工具提示组件。我的工具提示位于绝对位置,并且我不知道内容的长度,因此没有宽度。因此,对于与宽度相关的CSS,文本只会形成一个高而瘦的列。我尝试了最大宽度,但是就其本身而言,它什么也没做。因此,我决定尝试使用 white-space:nowrap ,虽然它很好地不会换行,但似乎也没有以一种有用的方式来支持max-width, ..
发布时间:2020-10-12 19:22:36 前端开发

CSS:“ transform:scale();”的位置错误集装箱儿童

我有一个容器元素,该容器元素的内容长且可缩放: .container { transform:scale( 0.9); } 在此容器中,我有一个孩子 div 曾经是一个弹出窗口。绝对排名最高的 50% .popup { 宽度:300像素; 高度:200像素; 头寸:绝对; 剩余:50%; 最高:50%; } 但不幸的是,当容器缩 ..
发布时间:2020-10-12 19:22:30 前端开发

带固定标头的条件粘性CSS页脚

我尝试为以下情况找到一些解决方案: -固定标题 -如果内容太短,页脚将停留在底部 -内容较长,页脚将我发现了这一点,但仅在标题不固定的情况下有效: http://ryanfait.com/resources/footer-stick-to-bottom-of-page/ 这是一些摆弄的CSS: http:// jsfiddle.net/GxskJ/1/ 我看不到出了什么问题以 ..
发布时间:2020-10-12 19:22:26 前端开发

固定的UItableview页脚。始终位于页脚位置

我试图在uitableview的底部固定页脚。它将始终位于底部,不可与表格单元一起滚动。它还无法剪切,像这样的单元格覆盖了可使用视图的最后一个单元格,因此将隐藏一个单元格。我有以下头文件: // fooer包含一个number_of_total_clicks标签和一个procetopayment按钮。 @interface checkout:UITableViewController ..
发布时间:2020-10-12 19:22:21 移动开发

Opera Mobile错误地计算位置:已修复

我的位置有一个有趣的问题:已在Opera Mobile 11中修复: 测试页: http://dl.dropbox.com/u/841468/testcase/opera/fixed.html 红色 应该固定在顶部。如果我向下滚动页面,则元素会从视口的顶部边缘移一点(设备像素恰好为93px);但是如果我向上滚动,元素将返回正确的位置。 (HTC Desire上的屏幕截 ..
发布时间:2020-10-12 19:22:16 前端开发

相对于变换后元素的绝对位置

我重新创建了模板中遇到的问题。 有一个导航,其位置为:相对; 。 导航内部有一个 div ,其中嵌套了两个列表。 其中一个列表的位置绝对要紧贴的底部导航。 当 div 应用了转换时,就会发生此问题。 当绝对位置和相对位置的元素之间的 div 获得转换属性,绝对列表相对于 div 而不是 nav 定位。 MDN文档说明了有关position:absolute $ b $的以下内 ..
发布时间:2020-10-12 19:22:15 前端开发

IE6和IE7 Z-INDEX错误

几天迷路了,我放弃了尝试解决这个问题。 所以,这是这种情况,如果有人能告诉我该怎么办,我将非常感谢: 我有一个垂直菜单,第二级菜单是绝对定位的。 内部的 的样式为 position:absolute; ,并具有一组 z-index 。问题是 ie6和ie7特定的,它不能识别绝对定位块中的z索引。 如果该元素是相对定位的,则没有问题,但是我需要将 元素定位为绝对。 有 ..

Safari绝对定位div滚动时消失

我有一个侧边栏,其中包含电子商务网站上的一些产品过滤器,并且具有绝对位置。除iPad和iPhone上的Safari以外,它在所有浏览器上均可正常运行。当页面滚动时,它会随机消失。 我尝试使用 -webkit-transform:translate3d(0,0,0); 技巧,在许多文章和其他“技巧”中都有报道,但对我来说却无济于事。 您可以在 http://www.hardlyeverw ..
发布时间:2020-10-12 19:22:02 前端开发

SVG位置:在IE 11中为绝对

我的 有一个放置在容器中的SVG对象。 .container { position:relative; } .svgObj { 位置:绝对; top:0;剩余 :0; 宽度:2em; 身高:2em; } 因此,问题在于svg不会以容器的0:0 ,但更像是在容器以南200像素之内。 奇怪的是,如果我用SVG标签替换DIV 问题仅 ..
发布时间:2020-10-12 19:21:46 前端开发

放置位置:固定的行为,例如粘性(对于Vue2)

位置:粘性大多数移动浏览器都不支持。但是 position:fixed 并不是我所需要的(因为固定块与文档底部的内容重叠)。 我猜对于jquery,如果我们将文档滚动到底部,将很容易为固定块设置静态位置。 但是对于Vue2,我不知道如何做同样的事情。请给一些建议。也许存在更好的解决方案。 解决方案 正如我在评论中提到的,我建议尽可能使用polyfill。他们将付出很多努力来确保 ..
发布时间:2020-10-12 19:21:43 前端开发

转换:翻译和位置:相对;之间的区别?

正如标题所述,transform:translate(x,y)和position:relative之间有什么区别。 由于它们都完成相同的事情(位置元素),那么它们在用途和用途上有何不同? 我读了一篇有关使用“转换:翻译;”将元素居中的文章。那说由于GPU和优化的原因,最好使用“变换”,但是我并没有真正看到问题,因为如果您只是重新定位元素而不是对其进行动画处理,那么这并不是什么大问题。 ..
发布时间:2020-10-12 19:21:39 前端开发

Z索引在固定位置元素内的绝对定位不符合预期

我遇到这样的情况,我在一个页面上有2个或更多固定位置元素,这些元素显示为一个堆叠在另一个之上(也就是说,第二个的顶部紧靠第一个的底部-这些元素之间不存在z-index堆叠)。在第一个固定位置元素内,有一个绝对位置比其固定父元素高的元素,因此它超出了该固定父元素的底部。 麻烦是下一个固定位置元素将显示在绝对定位元素的顶部。我在绝对定位元素上设置的z-index值比在固定定位元素上设置的z-in ..
发布时间:2020-10-12 19:21:37 前端开发