以兼容模式运行,下面的日历会在下面的文本框后面显示. IE8会显示我需要的日历.
我的CSS
.MyCalendar .ajax__calendar_container
{
border:1px solid #7F9DB9;
background-color: #ffffff;
z-index : 1004 ;
width:190px;
}
覆盖日历的文本框没有z-index设置在任何地方,尽管我尝试在我的服务器端代码将其z-index设置为-1,如果我检测到IE7无效.有什么建议么？
alt text http://img62.imageshack.us/img62/7127/overlay.gif
解决方法
IE有z-index的问题.大多数浏览器将页面视为一个连续的堆叠上下文,但在IE中,定位的元素生成一个新的堆栈上下文,从z-index值开始.
如本文所述：
http://trwa.ca/2012/03/ie-z-index-bug-and-how-to-squash-it/
尝试给日历的父元素更高的z-index.
