CSS div和:悬停位置

时间:2012-06-13 22:24:31

标签: html css

在我的网站上:Dev.stevehamber.com

我正在尝试将图像“新页面”(当前位于滑块后面)放置在其当前DIV之外,与右上角重叠,但这样它也会随着主要内容的自动边距移动。似乎无法弄清楚是怎么回事,不管是否跟在容器的汽车边缘之后。

我也遇到过:hover属性问题。尝试固定位置Div我注意到图像/背景在固定的“F”的右下角没有变化,这是否与定位有关? :/

我尝试使用谷歌搜索,但无法用一句话解释自己,所以我希望这是有道理的。哈!

感谢。

3 个答案:

答案 0 :(得分:3)

在CSS中,添加z-index,如下所示:

img.newpage {
    position: absolute;
    right: 1px;
    z-index: 2;
}

答案 1 :(得分:0)

给予一个高z指数以使其位于顶部

答案 2 :(得分:0)

将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>

悬停;请详细解释一下,它似乎与我合作。你的意思是facebook按钮对吗? (它位于我的FF左上角)