css固定元素始终可见

时间:2015-04-22 10:33:16

标签: jquery html css

我的问题: 我生成了一个.art-obj1631017189(这是一个徽标),我想将其位置设置为固定。它可以工作,但当我滚动它到达内容部分时,我的对象落后于内容(这是项目布局)。

当我向下滚动时,我想总是在前台看到我的元素。

有什么想法吗?

.art-object1631017189
{     
    display: block;    
    left: 22.16%;    
    margin-left: -40px;    
    position: fixed;    
    top: 0px;    
    width: 184px;    
    height: 209px;    
    background-image: url('images/object1631017189.png');    
    background-position: 0 0;    
    background-repeat: no-repeat;    
    z-index: 4;    
}

谢谢。

2 个答案:

答案 0 :(得分:2)

这可能就是答案,但很难说很少与之合作:

.art-object1631017189
{     
    display: block;    
    left: 22.16%;    
    margin-left: -40px;    
    position: fixed;    
    top: 0px;    
    width: 184px;    
    height: 209px;    
    background-image: url('images/object1631017189.png');    
    background-position: 0 0;    
    background-repeat: no-repeat;    
    z-index: 1000; // Increased z-index
}

答案 1 :(得分:0)

我找到了答案。 在index.html中,我必须在<div class="art-obj1631017189">行的<header>行之前移动几行。