IE9 border-radius shorthand not supported?

前端 未结 8 1954
半阙折子戏
半阙折子戏 2021-02-14 17:50

I have a few things I\'ve made in the past that have the border-radius attribute like this:

border-radius: 7px;

This is not working in IE9. I t

8条回答
  •  [愿得一人]
    2021-02-14 18:36

    Yes the answer to this correct, however as a related side note, IE9 currently does not support border radius used in conjunction with the gradient filter.

    Spent an hour trying to make this work before bothering to search for a similar question.

    // This is the filter code for a gradient in IE (6-9) along with a border radius
    //THIS DOES NOT WORK
    //You have to use one or the other, you could use javascript for rounded corners and then use the gradient if you wish    
    
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcdd68', endColorstr='#355e0b',GradientType=0 ); /* IE6-9 */
    
    /*border radius*/
     -khtml-border-radius:5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    

提交回复
热议问题