的z-index和位置不起作用

-3

我有這個頁面： http://bable.co.il/static/index1.php?page=safety&id=7 的z-index和位置不起作用

，當你將鼠標懸停在文章，你會得到一個滑動菜單。這個菜單屬於它自己的文章。我試圖修復Z索引和菜單的位置沒有成功。

這是探險家8

我張貼的鏈接，因爲我想你可以通過你的自我檢查CSS和數字到底是怎麼回事。反正這裏是顯示了UL的CSS：

.topnav{ 
    display: none; 
    position: absolute; 
    z-index: 10000; 
    border: 1px solid black; 
}

這裏是元素的自帶的菜單頂部的CSS：

.ac_subitem{ 
width:90%; 
right:6%; 
position: relative; 
margin-top:1px; /* animate to -200px */ 
/*background: transparent url(../images/tpl/bg_menu.png) repeat top left;*/ 
    /* Fallback for web browsers that doesn't support RGBa */ 
    background: rgb(0, 0, 0); 
    /* RGBa with 0.6 opacity */ 
    background: rgba(0, 0, 0, 0.6); 
    /* For IE 5.5 - 7*/ 
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,  endColorstr=#99000000); 
/* For IE 8*/ 
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";

}

能任何人都可以幫忙嗎？

來源

2012-02-07 Tarek

我似乎記得一些舊版本的IE不尊重z-index風格。如果你想要一個答案，請添加更多信息 - 什麼版本的IE？向我們展示不起作用的CSS等。 – IanGilham 2012-02-07 15:01:16

你完全錯過了你的頁面中的DOCTYPE，它反過來將它渲染成怪癖模式。添加一個適當的DOCTYPE，它應該工作正常。

<!DOCTYPE html>

來源

2012-02-07 15:06:16

這會幫助我，但它會摧毀整個網站！沒有另外一個答案可以在不改變的情況下工作嗎？ – Tarek 2012-02-07 15:26:07

@ahmed你必須在你的文檔中定義一個文檔類型，否則你的頁面在瀏覽器中看起來會不一致，那就是網頁設計101.我建議你添加一個文檔類型，並嘗試解決從這一點出現的任何問題。 – 2012-02-07 15:31:53

好的..謝謝大家:)） – Tarek 2012-02-07 15:48:16

要使用的z-index你的div有被放置在你的CSS絕對的。是你做的嗎？

來源

2012-02-07 15:07:43

的z-index和位置不起作用

回答

相關問題