div#floater { position: fixed; top: 420px; left: -110px; } div#floater:hover { left: 0;
该网站可以在goinnativerecords.com找到(将鼠标悬停在图片旁边)。我知道我的编码不是最干净(提示是赞赏)。
谢谢!
z-index : 1;
请注意,z-index只适用于有某种定位集合的元素(相对,绝对,固定)
细微差别:
具有较高z-index的元素将出现在相同堆叠上下文中具有较低z-index的元素的前面。如果两个元素具有相同的z索引,则后者出现在顶部。堆栈上下文定义为:
>文档根>具有位置的元素:绝对或位置:相对和z索引>部分透明的元件,即它们具有不透明度, 1>在IE7中,任何元素的位置:绝对或位置:相对(这可能会导致许多错误,因为它是唯一的浏览器这样做)
如果IE7是一个问题,你可以使所有浏览器的行为相同,总是添加z-index:1到任何元素也有一些位置设置。