CSS：hover不适用于SharePoint中的IE

Question

.element {
  border-radius: 15px;
  position: absolute;
  transition: box-shadow 0.5s;
}
.element:hover {
  box-shadow: 0 0 6px rgba(35, 173, 278, 1);
}

<div class="element" style="width: 100px; height: 50px;"></div>

此代码在Chrome和IE 11中运行良好，但是当我在SharePoint中使用此代码时，IE不会检测到悬停事件。 Chrome确实如此。只有当div具有背景颜色时，IE才会检测到该事件。 有谁知道为什么？！

Answer 1

box-shadow 属性支持IE9。 请检查CSS属性浏览器支持。

Answer 2

使用css前缀click here获取可以帮助您的链接。这是基本清单。

• -moz-（Firefox）
• -o-（歌剧）
• -ms-（Internet Explorer）
• -webkit-（Safari，Chrome）

还考虑使用更高版本的IE进行未来开发，现在如果你在新版本中遇到任何新的难度，你不必过多地考虑使用它，它的微软错误他们做的事情不同于开源世界。