剑道UI和AngularJS通知CSS工作不正确_Css_Angularjs_Kendo Ui

剑道UI和AngularJS通知CSS工作不正确

css angularjs kendo-ui

剑道UI和AngularJS通知CSS工作不正确,css,angularjs,kendo-ui,Css,Angularjs,Kendo Ui,如果您查看并单击“显示通知”按钮，您将看到即使背景为黑色背景色：000000；上面有些灰色。这个CSS/模板有什么问题 HTML： <body ng-controller="MyCtrl"> <span kendo-notification="notif" k-options="opt" style="display:none;"></span> <button ng-click="showNotif()">Show Notific

如果您查看并单击“显示通知”按钮，您将看到即使背景为黑色背景色：000000；上面有些灰色。这个CSS/模板有什么问题

HTML：

<body ng-controller="MyCtrl">
    <span kendo-notification="notif" k-options="opt" style="display:none;"></span>
    <button ng-click="showNotif()">Show Notification</button>
</body>

与棱角或剑道无关

将CSS更改为：

.growl {
   ...
   padding-top:10px;
}
.growl h1 {
   margin-top:0;
}

完整答案已经在这里了：

您可以通过对您的.growl样式应用overflow:hidden属性来解决此问题：

保罗，你的答案也行，不过乔恩的答案更容易实现。谢谢

.growl {
background-color: #000000;
color: #ffffff;
border: 0;
height:80px;
width:300px;
font-family: Arial;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.growl {
   ...
   padding-top:10px;
}
.growl h1 {
   margin-top:0;
}

.growl {
background-color: #000000;
color: #ffffff;
border: 0;
height:80px;
width:300px;
font-family: Arial;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
overflow: hidden;
}