2011-12-21 86 views
0

嗨,有人能告訴我在下面的代碼中有什麼錯? 試圖讓始終可見的DIV。總是可見的DIV不工作

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US"> 

<head> 

    <title>Always Visible Div</title> 
    <style type="text/css"> 
    .alwaysVisible { 
     position: fixed; 
     left: 10px; 
     top: 180px; 
    } 
    </style> 
</head> 
<body> 
    <div class="alwaysVisible"> 
     Top Left 
    </div> 

    <div style="height: 2000px; text-align: center; vertical-align: middle;" > 
     <p> 
      Always visible sample</p> 
    </div> 

</body> 
</html> 

謝謝

+0

的DOCTYPE來開標記之前。 – Pierre 2011-12-21 07:31:18

+0

即使我現在也嘗試..刪除DOCTYPE。但是沒有運氣:( – jestges 2011-12-21 07:32:45

+1

這兩個div總是可見的http://jsfiddle.net/UhMBe/1/ – Pierre 2011-12-21 07:35:29

回答

2

你的代碼在Chrome和Firefox罰款,我發現這個問題在IE9中,一些谷歌上搜索發現,有文檔類型的作品,你可以嘗試把

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
"http://www.w3.org/TR/html4/strict.dtd"> 

這將使IE以怪癖模式運行,並通過解決您的問題。