我有点沮丧,因为这是我第一次无法让在 IE7 和 IE8 中工作的代码在 IE9 中做同样的事情。
当我试图将一个 div 居中在另一个 div 中并使孩子成为一个可拖动的并且text-align:center
为父母和margin:auto
孩子做通常的事情时,问题就出现了。
#center-menu-container {
float: left;
margin-left: 10px;
width: 880px;
z-index: 100; /*IE7 fix to lay above image map*/
text-align: center;
}
和孩子 div
#levelmenu {
margin: auto;
width: 150px;
}
我设法在jsFiddle重现了这个问题。只需注释 css 面板的第 23 行即可使其可拖动。