2016-11-19 53 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

這是我做過的最簡單的事情,哇。非常感謝! –

相關問題