我有一个border-width: 0px;和border-radius: 5px;（或-moz-border-radius等）的div。
在Chrome，Safari和Firefox中，效果非常好，div会变成圆角，因此在角落里它是透明的。
IE9然而，不显示圆角（我检查过，IE实际上处于“IE9模式”，我有一个HTML5文档类型并将X-UA-Compatible设置为IE=edge）。只有在我添加
border-style: solid;
border-width: 1px;
我可以让IE9渲染圆角而不声明实际边框吗？
答案 0 :(得分：2)
问题在于div充满了渐变。由于IE9不支持CSS渐变，我不得不使用
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#79D5FF', endColorstr='#08609A');
这对圆角不起作用，即border-radius不会切除渐变的角落。
答案 1 :(得分：1)
您是否尝试过使用border-top-left-radius，border-top-right-radius等？我之前使用类似于div的圆角的东西，它在IE9 / Chrome / FF中工作，但不是IE8。