溢出：overlay在firefox中不起作用 [英] Overflow: overlay doesn't work in firefox

问题描述

在我的网站上，我需要为< div> 使用css属性 overflow：overlay / p>

然而，它不是在浏览器中呈现，而且在萤火虫中检查css显示，它甚至不在那里，但它是在Chrome中工作。我还没有测试出safari。

必须改变以获取溢出：overlay css属性的工作？

谢谢

解决方案

溢出的可能值为：

 可见
隐藏
自动
滚动
  

请参阅此处或此处讨论这些问题。

在不同浏览器中使用任何其他值将产生不可预知的结果，因为它们以不同的方式处理不正确的值。
$ b 编辑：关注评论，我已经设法找到溢出：overlay 这里。

$ b 叠加层描述为：

内容被剪切，滚动条被添加在必要的时候进行编辑。

重要的是它还表示只能在Safari或Chrome（即WebKit）中工作。

WebKit bugzilla上的这个项目表明它不是在任何情况下，这个世界都是这样的：

WebKit目前拥有一个专有的CSS溢出值，称为overlay，它没有记录，我们应该删除它或重命名为-webkit覆盖。

我们应该删除它或重命名为-webkit覆盖。 $ b

2016年3月更新
$ b

看起来像溢出：overlay 还没有消失。有迹象表明它正在进入标准。
$ b

overlay 和 auto 只能是滚动条会出现在页面内容的顶部，而不会导致它占用布局空间。

请参阅此处讨论。

On my website I need to use the css property overflow: overlay for a <div>.

However, it is not rendering in the browser and an inspection of the css in firebug shows that it isn't even there, but it is as it works in Chrome. I havn't tested out safari.

What must I change to get the overflow: overlay css property working?

Thanks

解决方案

Possible values for overflow are:

visible
hidden
auto
scroll

See here or here for a discussion of these.

Using any other value in different browsers will yield unpredictable results as they handle the incorrect value differently.

Edit: Following the comment, I've managed to find mention of overflow:overlay here.

overlay is described as:

Content is clipped and scroll bars are added when necessary.

Importantly its also said only to work in Safari or Chrome (ie WebKit).

This item on WebKit bugzilla suggest it is not long for this world in any case:

WebKit currently has a proprietary CSS overflow value called "overlay" which is undocumented and as far as I can tell from reading the code works exactly like "auto".

We should either remove it or rename it to "-webkit-overlay".

Update March 2016

Looks like overflow: overlay hasn't gone away. There are signs of it working it's way into the standards.

The difference between overlay and auto would only be that the scrollbars would appear over the top of the page content, and not cause it to take layout space.

See here for the discussion.

这篇关于溢出：overlay在firefox中不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！