解释我的问题的最好方法是使用图像。
在Chrome，Firefox和Safari中，显示方式如下：
http://i.stack.imgur.com/Zm2QY.png
在IE9中，外观如下：
http://i.stack.imgur.com/V9bVG.png
这是我的CSS：
border: 0px solid #777777;
background: url("../image/shop.png") no-repeat scroll 0 0 transparent;
cursor: pointer;
font: bold 0px 'Trebuchet MS';
padding: 23px 0px;
-moz-border-radius: 0px 0px 0px 13px;
-webkit-border-radius: 0px 0px 0px 13px;
-khtml-border-radius: 0px 0px 0px 13px;
border-radius: 0px 0px 0px 13px;
float: left;
width: 57px;
知道发生了什么吗??请帮帮我..
最佳答案
您发布的代码适用于IE9。因此，这可能是特异性错误。一种快速的测试方法是将!important添加到每个样式声明的末尾。更好的检查方法是按F12，在左侧找到您感兴趣的元素，然后在右侧单击“跟踪样式”。确保浏览器正在应用您输入的样式。如果不是，请单击CSS属性旁边的加号按钮，以确定样式分配来自何处。
或者您可以尝试：
-webkit-border-bottom-left-radius: 13px;
-moz-border-radius-bottomleft: 13px;
border-bottom-left-radius: 13px;
关于html - IE9反向CSS中的边界半径，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/13212948/