Html IE9反向css中的边界半径

解释我的问题最好的方法是用图像

在Chrome、Firefox和Safari中，它的表现如下：

在IE9中，这是它的外观：

这是我的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中对我有用。因此，这可能是一个特异性错误。一种快速的测试方法是添加

！重要信息

，请参见每个样式声明的末尾。更好的检查方法是按F12键，在左侧找到感兴趣的元素，然后单击右侧的“跟踪样式”。确保浏览器正在应用您输入的样式。如果不是，请单击CSS属性旁边的加号按钮以确定样式指定的来源

或者您可以尝试：

-webkit-border-bottom-left-radius: 13px;
-moz-border-radius-bottomleft: 13px;
border-bottom-left-radius: 13px;

---

这是IE9中的一个bug，当元素有

方向：rtl（直接在具有
边界半径的元素上，或从该元素的父元素继承）

解决方案是应用
方向：ltr