我希望找到一种方法来获取当前可视窗口的位置(相对于总页面宽度/高度),这样我就可以使用它来强制从一个部分滚动到另一个部分.但是,当猜测哪个对象拥有您浏览器的真实X/Y时,似乎有大量选项.
我需要确保IE 6 +,FF 2+和Chrome/Safari的哪些工作?
window.innerWidth
window.innerHeight
window.pageXOffset
window.pageYOffset
document.documentElement.clientWidth
document.documentElement.clientHeight
document.documentElement.scrollLeft
document.documentElement.scrollTop
document.body.clientWidth
document.body.clientHeight
document.body.scrollLeft
document.body.scrollTop
Run Code Online (Sandbox Code Playgroud)
还有其他人吗?一旦我知道窗口在哪里,我就可以设置一个慢慢调用的事件链,window.scrollBy(x,y);直到达到我想要的点.
所以,如果我理解z-index正确,在这种情况下它将是完美的:

我想将底部图像(标签/卡片)放在它上面的div下面.所以你看不到锋利的边缘.我该怎么做呢?
z-index:-1 // on the image tag/card
Run Code Online (Sandbox Code Playgroud)
要么
z-index:100 // on the div above
Run Code Online (Sandbox Code Playgroud)
也不起作用.也不是这样的组合.怎么会?
我有以下弹出窗口:

但是当我将此弹出窗口移动到地图上时,它会被隐藏:

我已经尝试在我的CSS属性表上设置z-index,但这不起作用.
是否有一些HTML/CSS属性我可以设置,以便弹出,这是一个DIV,实际上总是设置在其他一切之上?
RE:http://twitter.github.io/bootstrap/components.html#alerts
我想在页面顶部显示这些警报.但是,每当我这样做时,它都会将其下方的内容推送下来.我不希望这样.我希望它只是重叠(意思是,它出现在顶部,但顶部的内容不会被推下).
我可能会在给定时间显示多个这些警报.对于那些人,我想我需要他们堆叠在每个警报之上(否则,用户将无法阅读它们).
我该怎么做呢?CSS唯一解决方案首选.如果绝对需要,可以使用非TB,jQuery解决方案.
我有个问题.我希望我footer能够在我的页面中处理其他所有可能的事情.诀窍是,我使用的广场插件,它有它自己的风格,因为即使我把某种原因,z-index: 99999;我footer现在还没有在上面.
这是galleria容器,插件的主要部分.
.galleria-container {
overflow: hidden;
width: 960px; /* This value is changed by JS */
height: 520px; /* This value is changed by JS */
min-width: 960px;
}
Run Code Online (Sandbox Code Playgroud)
这是我的页脚容器
#footer
{
z-index: 9999;
width: 700px;
height: 500px;
position: absolute;
background-color: aqua;
}
Run Code Online (Sandbox Code Playgroud)
哦,所以当我加载我的网站它很好,我可以看到我的页脚,但当我调整窗口,从而执行此代码,它再次隐藏.
$(".galleria-container").css("width", $(window).width());
$(".galleria-container").css("height", $(window).height());
Run Code Online (Sandbox Code Playgroud)