2016-11-19 55 views
3

因此,我的网站主页上有一个标题。这是完全对齐,一切都很好,但是,当我去任何其他页面时,标题消失。我已经尝试过和没有位置:固定,但它仍然消失。应该是的空间仍然存在,但我猜,标题本身是不可见的。标题不在主页上显示

我有另一个网页之间停留,所以我不知道可能是什么问题。我比较了两个CSS代码,但唯一的区别是位置,颜色,大小等

这是标头中的CSS:

.bar { 
    margin-top:-810px; 
    margin-left:300px; 
    width:1075px; 
    height:60px; 
    background-color:#b0b0b0; 
    font-size:16px; 
    color:#e7e55a; 
    text-align:center; 
    line-height:60px; 
    font-family: 'Coming Soon', cursive; 
    position:fixed; 
    z-index:1; 
} 

而这是其他div的CSS那留在地方:

#tra img { 
    width: 225px; 
    height: auto; 
    margin-top:60px; 
    margin-right:0px; 
    transform:rotate(-55deg); 
    z-index:1; 
} 

由于第二格是一个形象,我想这可能就是为什么它停留在地方,但我真的不是在编码最好的,所以任何帮助表示赞赏。

另外,我已经尝试了没有z-index的代码,但它仍然没有工作。

+1

我们可以看到一些HTML吧?你是否已经将HTML标题包含在其他文件中? – k97513

+1

我认为你的位置:固定和边距导致的问题...添加你的标记 – Geeky

+0

@ k97513这是标头的HTML:

Title
它不在任何其他的div中。 –

回答

3

如果您使用位置固定使用顶部,左侧,底部和右侧来定位您的元素。不要使用保证金。

.bar { 
 
    top: 0; 
 
    left: 300px; 
 
    
 
    width:1075px; 
 
    height:60px; 
 
    background-color:#b0b0b0; 
 
    font-size:16px; 
 
    color:#e7e55a; 
 
    text-align:center; 
 
    line-height:60px; 
 
    font-family: 'Coming Soon', cursive; 
 
    position:fixed; 
 
    z-index:1; 
 
}
<div class="bar"></div>

+0

这是我做过的最简单的事情,哇。非常感谢! –

相关问题