2012-10-23 52 views
0

Blogger有这个新的花式主题,我看到很多人使用,但在我看来有一个明显的CSS错误,因为链接小工具与滚动条重叠。你是否也看到这个问题?覆盖滚动条顶部内容的浏览器行为是什么?

Scrollbar being overlapped

小工具div有它的CSS设置到右:0像素和的z-index:3000,这导致它重叠滚动条上的Chrome浏览器的Windows。我认为浏览器不应该允许首先重叠滚动条?如果他们允许的话,是不是仍然是谷歌的可用性错误?

更新:这是一个博客,发生这种情况的链接:http://www.judegomila.com/2012/10/how-to-name-your-company.html 这里是不变的主题,但没有这个问题:http://googleblog.blogspot.jp/

+1

能否提供链接 –

+0

Doh,错过了。链接已添加! – RipperDoc

+0

看到我的答案,并让我知道,如果我滞后一些 –

回答

0

你已经设置的<div class="viewitem-inner">overflow-y删除此其线路上无1648

,并尝试

html { 
    height: 100%; 
    overflow: scroll; 

} 

<div class="viewitem-panel">上线取下position:fixed;没有1589

工作

enter image description here

+0

只是为了澄清,这不是我自己的博客,但我已经看到了Blogger上的博客与这个问题的许多链接。我想人们倾向于在他们的模板中添加或改变某些东西,这会打破行为。但这似乎是一种可能的解决方法,尽管谷歌可能应该看看他们是否可以让自己的主题更加傻瓜。 – RipperDoc

0

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