在我的网站上:Dev.stevehamber.com
我正在尝试将图像“新页面”(当前位于滑块后面)定位在其当前 DIV 之外,与右上角重叠,但它也会随着主要内容的自动边距移动。似乎无法弄清楚如何,它要么落后于某物,要么不遵循容器的自动边距。
我也遇到了 :hover 属性的问题。尝试固定位置 Div 我注意到图像/背景在固定“F”的右下角没有改变,这也与定位有关吗?:/
我试过用谷歌搜索,但无法用一句话解释自己,所以我希望这是有道理的。哈!
谢谢。
在您的 CSS 中,添加z-index
,如下所示:
img.newpage {
position: absolute;
right: 1px;
z-index: 2;
}
将 newpage.png 放在滑块 div 顶部的 div 中。将这两个 div 放在另一个 div 中;将 css 自动边距属性分配给此父 div。
所以像
<div id="slider">
<div id="slidercontent"><!-- in here, put the slider -->
</div>
<div id="newpage"><!-- make newpage.png the background image of this-->
</div>
</div>
至于悬停;请更彻底地解释一下,它似乎对我有用。你是说脸书按钮吧?(它位于我的FF btw的左上角)
给 F 一个高 z-index 以使其位于顶部