IE溢出隐藏翻译鼠标错误

Question

旋转的div隐藏溢出，其他内部旋转的div鼠标位于内部div的隐藏部分，Internet探测器检测到鼠标位于内部div上，即使隐藏了另一个div的内容。这是一个IE漏洞？有什么更好的方法可以解决？

Internet Explorer 11在下面的代码中，将鼠标悬停在红色框上，鼠标悬停在蓝色框上也是应用的。这是一个错误吗？

＆＃13;

＆＃13;

div { width: 100px; height: 100px; opacity: 0.5; }
#div_1{ background: #f00; }
#div_2{ background: #0f0; transform: rotate(45deg); overflow: hidden; }
#div_3{ background: #00f; transform: rotate(-45deg); }
#div_1:hover{ opacity: 1; }
#div_2:hover{ opacity: 1; }
#div_3:hover{ opacity: 1; }

＆＃13;

<div id="div_1">
    <div id="div_2">
	    <div id="div_3"></div>
    </div>
</div>

＆＃13;

＆＃13;

＆＃13;