代码之家 › 专栏 › 技术社区 › user48408

IE7/IE8 z索引问题

z-index internet-explorer-7 internet-explorer-8 css

user48408 · 技术社区 · 15 年前

在兼容模式下运行,下面的日历呈现在下面的文本框后面。IE8按我的需要显示日历。

我的CSS

.MyCalendar .ajax__calendar_container 
{
border:1px solid #7F9DB9; 
background-color: #ffffff; 
z-index : 1004 ;   
width:190px;
}

覆盖日历的文本框在任何地方都没有设置它们的z-index,尽管我在服务器端代码中尝试过,如果检测到IE7无效,就将它们的z-index设置为-1。有什么建议吗? alt text

2 回复 | 直到 5 年前

Student 8 年前

IE的z索引有问题。大多数浏览器将页面视为一个连续的堆叠上下文,但在IE中,定位元素生成一个新的堆叠上下文,从z索引值0开始。

如本文所述:

http://trwa.ca/2012/03/ie-z-index-bug-and-how-to-squash-it/

leymannx 10 年前

我最后用一个额外的透明背景图片把它放在上面。IE8。国资委:

  #galerie-link {
    position: absolute;
    z-index: 1000;
    top: 25px;
    left: 40px;
    a {
      display: block;
      width: 185px;
      height: 90px;
      background-image: url(../images/transparent.png);
    }
  }

推荐文章

YunusoviÄ · 我无法用css更改html段落颜色

1 年前

Blake · 无法使用CSS旋转Angular 15中的字体图标

1 年前

Maarten -Monica for president · 将图像放在锚点标记内时调整网格中的图像大小

1 年前

Phil Lucks · 如何制作边界的外半径?

1 年前

roy_meir · 创建自定义下拉式元素

1 年前

Community wiki · 如何为触摸设备优化网站

1 年前

Paras Chandravanshi · 为什么<ul>没有从其父<p>元素继承?

1 年前

tpetzoldt · 如何在有光泽的情况下抑制图像的抗锯齿?

1 年前

boyenec · 反应如何将css样式应用于我从api respose获得的页面的spcifc部分

1 年前

manofconstsorrow · 点击导航项目关闭汉堡菜单

1 年前