border-radius doesn't work on IE10

后端 未结 3 1022
傲寒
傲寒 2021-01-12 20:08

I need to have a container \"DIV\" with rounded corners. The following code works perfectly on all browsers except my IE10. I have no clue how to do in order to make it work

3条回答
  •  情歌与酒
    2021-01-12 20:22

    Thanks to Flipbed's answer I found the answer. On IE10, the "border-radius" to me doesn't work. In order to get it working, it's necessary to specify each corner:

    border-top-left-radius:5px;
    border-top-right-radius:5px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    

    Indeed the site you sent, does exactly that (look the page source). It gives as output the instruction:

    border-radius: 5px;
    

    but internally it declares the 4 corners separately as above.

    This was extracted from the question and posted on the OP's behalf.

提交回复
热议问题