2011-12-21 71 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以怪癖模式运行,并通过解决您的问题。