Question

我们以箭头的形式显示选定的表格行，并希望将渐变应用于整个形状，因此我们在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中给出side属性：progid：DXImageTransform.Microsoft.gradient（）我认为这是问题

IE-9中箭头形状的渐变

0 个答案: