Web部件上的圆角不会显示

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; }