Question

我在h3悬停时使用after pseudoelement进行非常简单的转换。我已经读过::在IE10上工作之后（它会渲染它），但不是悬停。

＆＃13;

h3 {
  position:relative;
}
h3::after {
  content: '';
  display: block;
  position: absolute;
  bottom: -5px;
  width: 10px;
  height: 2px;
  background: blue;
  left: 0;
  -ms-transition: all .5s;
  transition: all .5s;
}
h3:hover::after {
  width: 100%;
}
h3 a {
  text-decoration: none;
  position: relative;
  display: inline-block;
}

＆＃13;

<!DOCTYPE html>
<h3>
<a href='#'>Hello</a>
</h3>

＆＃13;

其他浏览器充当魅力，我不知道IE10会发生什么......

Answer 1

尝试为h3添加空悬停选择器。 h3：悬停{}

IE10和伪元素之后

1 个答案: