2013-12-15 50 views
1

我有一个图像,它被设置为位置:亲戚(我不能改变这一点,由于一些长的解释)。是否有可能让这个img始终坚持顶端:0当窗口滚动?我打算使用JavaScript来实现这一点,但想知道是否有更好的方法。这里的CSS:css位置相对,并在滚动时坚持顶部

.nav-title-logo { 
    background-position: -21px -84px; 
    width: 195px; 
    height: 83px; 
    position: relative; 
    z-index: 200; 
} 
+0

你可以用'位置:fixed' –

+0

真棒,我会接受,作为一个答案 – adit

+4

我想你说你不能改变'position:relative'。 :p –

回答

2

而不是使用position: relative;的,使用position: fixed

1

你需要保持相对可能对您选择如何解决这个问题有很大的影响的原因。

例如,这是有效的,但我不知道它是否适合您的情况。您可能需要更具体:

HTML

<div id="wrap"> 
    <img src="http://www.w3schools.com/images/w3logotest2.png" /> 
</div> 

CSS

#wrap{ 
    position:fixed; 
    top:0; 
} 

img{ 
    position: relative; 
}