Css ie11 windows 7上带内联块的指针事件

我遇到了一个非常奇怪的错误，它只适用于windows 7上的ie11：

将

指针事件：无

应用于父元素时，

指针事件：自动

将不适用于具有

显示：内联块

这种情况也可能发生在Windows8上，但似乎已经在Windows10上得到了解决

下面是我的意思的一个示例片段，你可以看到屏幕在悬停时会变成浅蓝色。我已经删除了所有内容的指针事件，然后为绿色框和不透明的白色面包屑列表重新打开了指针事件

您可以看到，绿色框有自己的指针事件（将背景变回深蓝色），而面包屑完全被忽略

html，
身体{
位置：相对位置；
宽度：100%；
身高：100%；
保证金：0；
填充：0；
}
#总数{
位置：绝对位置；
z指数：1；
排名：0；
左：0；
右：0；
底部：0；
背景：蓝色；
显示：块；
}
#总数：悬停{
背景：浅蓝色
}
.没有指针{
位置：绝对位置；
左：20px；
顶部：150px；
宽度：200px；
高度：200px；
边框：1px纯红；
z指数：2；
指针事件：无；
}
.指针{
位置：相对位置；
宽度：100px；
高度：100px；
指针事件：自动；
背景：绿色；
显示：块；
}
#面包屑{
位置：绝对位置；
顶部：20px；
左：0；
右：0；
最大宽度：500px；
保证金：自动；
宽度：100%；
指针事件：无；
z指数：2；
}
.面包屑清单{
列表样式：无；
背景色：#ffffff；
背景色：rgba（255、255、255、0.5）；
显示：内联块；
填料：1em 50px；
指针事件：自动；
}
.清单项目{
显示：内联块；
}

幸运的是，我没有使用

内联块

来居中放置内容，只是为了能够在内容周围填充元素

这意味着我可以回到老派（在内联块之前的日子里），浮动元素并使其成为块：

html，
身体{
位置：相对位置；
宽度：100%；
身高：100%；
保证金：0；
填充：0；
}
#总数{
位置：绝对位置；
z指数：1；
排名：0；
左：0；
右：0；
底部：0；
背景：蓝色；
显示：块；
}
#总数：悬停{
背景：浅蓝色
}
.没有指针{
位置：绝对位置；
左：20px；
顶部：150px；
宽度：200px；
高度：200px；
边框：1px纯红；
z指数：2；
指针事件：无；
}
.指针{
位置：相对位置；
宽度：100px；
高度：100px；
指针事件：自动；
背景：绿色；
显示：块；
}
#面包屑{
位置：绝对位置；
顶部：20px；
左：0；
右：0；
最大宽度：500px；
保证金：自动；
宽度：100%；
指针事件：无；
z指数：2；
}
#面包屑：之后{
内容：''；
显示：块；
身高：0；
溢出：隐藏；
明确：两者皆有；
}
.面包屑清单{
列表样式：无；
背景色：#ffffff；
背景色：rgba（255、255、255、0.5）；
显示：块；
浮动：左；
填料：1em 50px；
指针事件：自动；
}
.清单项目{
显示：内联块；
}

幸运的是，我没有使用

内联块

来居中放置内容，只是为了能够在内容周围填充元素

这意味着我可以回到老派（在内联块之前的日子里），浮动元素并使其成为块：

html，
身体{
位置：相对位置；
宽度：100%；
身高：100%；
保证金：0；
填充：0；
}
#总数{
位置：绝对位置；
z指数：1；
排名：0；
左：0；
右：0；
底部：0；
背景：蓝色；
显示：块；
}
#总数：悬停{
背景：浅蓝色
}
.没有指针{
位置：绝对位置；
左：20px；
顶部：150px；
宽度：200px；
高度：200px；
边框：1px纯红；
z指数：2；
指针事件：无；
}
.指针{
位置：相对位置；
宽度：100px；
高度：100px；
指针事件：自动；
背景：绿色；
显示：块；
}
#面包屑{
位置：绝对位置；
顶部：20px；
左：0；
右：0；
最大宽度：500px；
保证金：自动；
宽度：100%；
指针事件：无；
z指数：2；
}
#面包屑：之后{
内容：''；
显示：块；
身高：0；
溢出：隐藏；
明确：两者皆有；
}
.面包屑清单{
列表样式：无；
背景色：#ffffff；
背景色：rgba（255、255、255、0.5）；
显示：块；
浮动：左；
填料：1em 50px；
指针事件：自动；
}
.清单项目{
显示：内联块；
}