在我们的应用程序中,我们有一个按钮定义如下:
{
xtype : 'button',
text : '<span class="disk">1</span> Define Layout'
}
其中磁盘的描述如下:
.disk {
display: inline-block;
vertical-align : middle;
background-color: #FFF;
margin-right: 5px;
//margin-bottom: -7px;
padding: 12px 8px !important;
height: 25px;
overflow: hidden;
width: 25px;
border-radius: 25px;
color: #555;
line-height: 0px;
}
这在ie9 +,ff和chrome中工作正常。然而,在ie8中,我看到的只是正方形。我知道border-radius不是IE8 CSS规范的一部分,并且有像CSS3PIE这样的工作(假设我们不能使用它:))。另外,我知道Sencha Cmd(v4.0.2.67)在构建系统中内置了图像切片,但它似乎只适用于Ext组件。如何为这种特殊情况绘制磁盘?