Webpart上的圆角将不会显示

Question

研究了如何向Webpart添加圆角后，我决定使用此方法-

http://corriehaffly.wordpress.com/2011/03/10/adding-rounded-corners-to-web-part-header-for-sharepoint-2010/

但是，它拒绝工作。 由于某些原因，当尝试将CS​​S应用于ms-wpTdSpace时，它没有显示圆角。 但是，对.ms-WPHeader的背景进行的修改工作正常。

我尝试使用！important或设置更高的z-index，但到目前为止没有任何设置，这是CSS正在加载的内容。

.ms-WPHeader td { background: url('../images/bg-bar.png') repeat-x; border-bottom: none !important;}
.ms-WPHeader td.ms-wpTdSpace { background: url('../images/bg-barcorners.png') top right !important;}
.ms-WPHeader td:first-child.ms-wpTdSpace { background-position: top left !important; }

---

在尝试了以下解决方案之后，继续尝试其他几种不同类型的CSS来执行相同的操作，我一无所获。 CSS已成功使用bg-bar图像更改了标题栏，但是当涉及到角落时，它们就不想显示。

我正在IE 9，Chrome和Moz4.0.1中查看页面

Answer 1

尝试在.ms-WPHeader td:first-child之后添加空格

读书

.ms-WPHeader td:first-child .ms-wpTdSpace { background-position: top left !important; }