2012-02-05 163 views
1

您好,我試圖添加2個按鈕滑動頁面。我的意思是position:fixed與Internet Explorer的Css問題

我的網站在除Internet Explorer之外的每個瀏覽器上都運行良好。

請大家LOOL它:Website

正如你看到的實時聊天按鈕,書籤,我們按鈕與除互聯網Eplorer所有瀏覽器滑動。

謝謝你的幫助。

+0

你運行的是什麼IE版本? – 2012-02-05 23:50:38

+0

我試過用IE7-8-9。我試圖使它與IE7-8-9兼容。 – 2012-02-05 23:52:39

回答

3

前兩個HTML的線路有:

<!--start head-tag.php--> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

取出DOCTYPE上面的評論,因爲它引起quirks mode要顯示你的網站。

position: fixed在IE的怪癖模式下不起作用。

+0

你讓我學到了一件重要的事情。謝謝。 – 2012-02-06 00:07:55

0

謝謝你讓我們去你的網站,看看代碼...

Internet Explorer無法呈現像其他瀏覽器CSS可以。有一點你可以指望的是,爲了正確渲染,CSS有時必須與Elements的順序相同。也可以在線尋找好的解決方案。

+0

我很抱歉,但我不能得到一個乾淨的CSS和HTML文件。有什麼建議可以作爲答案嗎? – 2012-02-05 23:58:11

1

試試這個http://jsfiddle.net/RftZy/1/這個工程。

.live-chat { 
    position: fixed; 
    height: 112px; 
    width: 32px; 
    z-index: 1001; 
    top: 40%; 
    left: -2px; 
}