使用jQuery时Internet Explorer 中的淡出问题

.element {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.element {
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}

.element {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.element {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}

.element {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, #0f0), color-stop(100%, #00f));
  background-image: -moz-linear-gradient(left, #0f0 0%, #00f 100%);
  background-image: -o-linear-gradient(left, #0f0 0%, #00f 100%);
  background-image: linear-gradient(to right, #0f0 0%, #00f 100%);
}

.element {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}

.element {
  -webkit-line-clamp: 3;
  -moz-line-clamp: 3;
  -o-line-clamp: 3;
  line-clamp: 3;
}