如何在顶部有一个固定的项目

时间:2014-02-20 19:16:45

标签: html css

基本上我想知道如何将固定项目始终放在页面的所有元素之上。我有一个居中的固定选框,它工作正常,直到我到达我的javascript幻灯片,它在幻灯片下进行。帮助会被批评。

CSS:

#fixedmarq {
position:fixed;
left: 50%;
margin-left: -250px

}

HTML:

 <center><div id="fixedmarq"><marquee width="500" bgcolor="#000000"><span style="font-weight: 400; font-family: changa-one; font-style: normal; font-size:24px; color:#FFFFFF">Welcome back to the NEW CanteraFC website! We hope you like it!</marquee></div></center>

3 个答案:

答案 0 :(得分:0)

您的项目必须[如果您使用]比Javascript幻灯片显示更大的z-index。

答案 1 :(得分:0)

如果您在元素上使用position: fixed(或absoluterelative),则可以使用z-index属性调整哪些元素位于顶部。但是,您无法覆盖父元素的z-index,因此请确保fixed元素的父元素能够比您的javascript幻灯片显示更高z-index

答案 2 :(得分:0)

要查看将z-index设置为可能需要的内容,我将使用Firebug或浏览器检查器查看幻灯片的CSS。您应该能够查看并找到为z-index设置的值。那你只需要超越它。