Html Internet Explorer-多次应用ms筛选器

尝试复制问题的答案：

答案的代码位于：

我的问题是我的解决方案必须在IE8中工作，所以我必须使用-ms filter，而不是CSS3中更友好的skew函数

我从中获得了转换的值

我的CSS是：

.button-wrapper {
  background: #fff;
  border: 1px solid #bbb;
  border-color: #ddd #ccc #bbb;
  overflow: hidden;
  width:             120px;
  height:            40px;

  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.8152074690959046, M12=-0.6840402866513375, M21=-3.885780586188048e-16, M22=1.0641777724759122, SizingMethod='auto expand')";
  margin-left: -6px;
  margin-top: -4px;

/*
FORMULA IN TRANSLATER: skew(-20deg) rotate(20deg)
EQUIVALENT OF:
  -webkit-transform: skewX(-20deg);
  -moz-transform: skewX(-20deg);
  -o-transform: skewX(-20deg);
  transform: skewX(-20deg);
*/

}

.button-wrapper:hover {
  background: #efe;
  border-color: #090;
}

.button-wrapper button {
  background: transparent;
  border: 0;
  cursor: pointer;
  font-size: 20px;
  font-weight: bold;
  padding: 4px 0;
  margin: 0;
  width: 100%;

  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.8152074690959046, M12=0.6840402866513375, M21=-3.885780586188048e-16, M22=1.064177772475912, SizingMethod='auto expand')";

/*
FORMULA IN TRANSLATER: skew(20deg) rotate(-20deg)
EQUIVALENT OF:
  -webkit-transform: skewX(20deg);
  -moz-transform: skewX(20deg);
  -o-transform: skewX(20deg);
  transform: skewX(20deg);
*/    
}

.button-wrapper button:hover {
  color: #060;
}

我的HTML是：

<div class="button-wrapper">
  <button id="RefreshButton3" runat="server" ServerClick="RefreshButton_Click">Refresh</button>
</div>

（按照评论中的建议，作为单独答案发布）

问题是运作的顺序。如果第一个变换是skew（）rotate（），那么第二个变换必须是rotate（）skew（）。这在第二步中给出了一个稍微不同的矩阵：

-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.064177772475912, M12=0.6840402866513375, M21=-3.885780586188048e-16, M22=0.8152074690959046,, SizingMethod='auto expand')";

-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.064177772475912, M12=0.6840402866513375, M21=-3.885780586188048e-16, M22=0.8152074690959046,, SizingMethod='auto expand')";

---

您应该将您的解决方案作为答案发布并接受它-它将帮助其他人找到此解决方案。