在滚动条顶部叠加内容时的浏览器行为是什么?

时间:2012-10-23 08:17:24

标签: css browser scrollbar z-index blogger

Blogger有这个新的花哨主题我看到很多人使用,但在我看来有一个明显的CSS错误,因为链接小工具重叠滚动条。你也看到了这个问题吗?

Scrollbar being overlapped

小工具div将其CSS设置为右:0px和z-index:3000,这会导致它与Chrome for Windows上的滚动条重叠。我认为浏览器不应该首先允许重叠滚动条?如果他们允许这样做,那还不是Google的可用性错误吗?

更新:以下是与博客相关的链接:http://www.judegomila.com/2012/10/how-to-name-your-company.html 这是相同的主题,但没有这个问题:http://googleblog.blogspot.jp/

2 个答案:

答案 0 :(得分:0)

我想说这是Blogger主题中的可用性错误。滚动条总是属于某个元素,元素可以与其他元素重叠 - 因此滚动条可能会被隐藏。

答案 1 :(得分:0)

您已将overflow-y设置为<div class="viewitem-inner">,将其删除为1648行

并尝试

html {
    height: 100%;
    overflow: scroll;

} 

还会从第1589行的position:fixed;移除<div class="viewitem-panel">

工作

enter image description here