2013-08-06 33 views
0

我有一個jQuery工具提示可以在所有其他瀏覽器(包括IE8)中正常工作,但彈出窗口正在頁面內容下。問題與工具提示IE7中的Z索引

#datasearch2-tooltip .tipBody 
{ 
    background-color: #FFFFFF; 
    border-radius: 10px 10px 10px 10px; 
    margin-top: -18px; 
    padding: 10px; 
    -moz-box-shadow: 10px 0 0 15px #000; 
    -webkit-box-shadow: 0 0 15px#000; 
    box-shadow: 0 0 15px #000; 
    z-index: 9999; 
} 

的9999的Z-index應設置上面遍佈內容的提示,因爲它在其他瀏覽器一樣。任何人有任何想法?

+2

您的HTML很重要。請將其添加到您的問題。 –

+1

作爲一個側面說明,邊界半徑和方塊陰影在IE7中不起作用。而且'#datasearch2-tooltip'有什麼z-index,或者它的父親? – putvande

回答

0

你需要添加position規則:

#datasearch2-tooltip .tipBody 
{ 
    background-color: #FFFFFF; 
    border-radius: 10px 10px 10px 10px; 
    margin-top: -18px; 
    padding: 10px; 
    -moz-box-shadow: 10px 0 0 15px #000; 
    -webkit-box-shadow: 0 0 15px#000; 
    box-shadow: 0 0 15px #000; 
    z-index: 9999; 
    position: relative; 
} 

z-index隻影響有位置設置(除position: static等)

看看this page爲z-index的信息元素

+0

我設置了'position:relative;',但問題仍然存在。 – Matt

+0

@Matt你是否將它添加到了它將重疊的其他元素? –