Web 部件上的圆角不会显示
在研究了如何向 Web 部件添加圆角之后，我决定使用这种方法 -
但是，它拒绝去工作。由于某种原因，当尝试将 CSS 应用到 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 中查看该页面
After having researched how to add rounded corners to a webpart, I settled on using this method -
However, it refuses to work. For some reason, when trying to apply the CSS to ms-wpTdSpace it isn't displaying the rounded corners. However the modification of the background of .ms-WPHeader is working fine.
I've tried using !important, or setting a higher z-index but nothing so far, here is what is in my CSS being loaded.
.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; }
After trying the solution below, and moving on to try several other different types of CSS to perform the same action I get nothing. The CSS is successfully changing the title bar using the bg-bar image, but when it comes to the corners they do not want to display.
I am viewing the page in IE 9, Chrome, and Moz4.0.1
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
尝试在
.ms-WPHeader td:first-child后添加空格来读取
Try adding a space after
.ms-WPHeader td:first-childto read