Css IE-9中箭头形状的渐变

我们以箭头的形式显示表格的选定行，并希望对整个形状应用渐变，因此我们在下面使用css

    .SelectedArea
    {
    z-index: 0;
    max-height: 35px;
    background: -webkit-linear-gradient(#f4c471, #f9edca) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f4c471, #f9edca) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f4c471, #f9edca) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f4c471, #f9edca) !important; /* Standard syntax */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4c471', endColorstr='#f9edca',GradientType=0 );  
    }

    .SelectedArea:after
    {
         position: relative;
         float: right;
         top: 0;          
         width: 27px;
         height: 27px;
         transform: rotate(45deg);
         -ms-transform: rotate(45deg); /* IE 9 */
         -webkit-transform: rotate(45deg); /* Opera, Chrome, and Safari */

         background: linear-gradient(to bottom right, #f4c471 , #f9edca); /* Standard syntax */
         content: '';
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='red', endColorstr='#f9edca', GradientType=1);
        display: inline-block; 
    }

选定区域类中的css正在工作，但IE中的渐变不是箭头形状。

---

有没有办法在filter:progid:DXImageTransform.Microsoft.gradient（）中提供side属性我认为这就是问题所在

如果它实际上与这里的箭头无关，请尝试创建一个带有

div

的简单演示，并尝试对IE9上测试的

div

应用渐变背景。可能是因为你不知道如何使用DXImageTransform设置渐变方向，（应该是

到右下角

），搜索它，我想会有一些答案。我尝试过，但没有找到一种方法设置到右下角到DXImageTransformGradient在IE9中不受支持。您必须使用SVG。它适用于按钮，甚至是我添加过滤器时箭头的第一部分：progid:DXImageTransform.Microsoft.gradient（startColorstr='red'，endColorstr='f9edca'，GradientType=1）；它只是不适用于arrowpointer@user3615869对您来说，坏消息是IE9支持渐变，但它只支持两个方向：水平方向和垂直方向（由

GradientType

确定）。对不起，你必须用另一种方式来塑造你的箭头，在这种方式中，我们可以使用垂直或水平梯度。