Закругленные углы на веб-части не будут отображаться - PullRequest
0 голосов
/ 26 августа 2011

После изучения того, как добавить закругленные углы к веб-части, я остановился на использовании этого метода -

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

Однако, он отказывается работать. По какой-то причине при попытке применить CSS к ms-wpTdSpace он не отображает закругленные углы. Однако модификация фона .ms-WPHeader работает нормально.

Я пытался использовать! Важный или установить более высокий z-индекс, но пока ничего, вот что загружается в моем 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

1 Ответ

0 голосов
/ 26 августа 2011

Попробуйте добавить пробел после .ms-WPHeader td:first-child

, чтобы прочитать

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