我正在使用 ui.bootstrap 警报向用户显示消息。但是,关闭按钮不显示。我正在开发一个专门在 DNN 中的 asp.Net 应用程序环境。这是我能想到的唯一可能导致问题的事情。
我研究了以下文章试图找到解决方法:
https://www.tutorialspoint.com/bootstrap/bootstrap_alerts.htm
我尝试手动提供按钮的代码,但这并不能解决问题。
我的代码:
<!-- START alerts -->
<div class="col-md-12">
<div class="alert alert-dismissible" uib-alert ng-repeat="alert in $ctrl.alerts track by $index" ng-class="'alert-' + (alert.type || 'warning')" close="$ctrl.closeAlert($index);" dismiss-on-timeout="5000">
<button type="button" class="close" data-dismiss="alert" aria-hidden="true">
×
</button>
{{ alert.msg }}
</div>
</div>
<!-- END alerts -->
消息显示并且警报可关闭,并且作为一种解决方法将在 5 秒后自行关闭。
我在开发者控制台中看到的是它正在尝试提取一个不存在的 png 文件。我什至不知道为什么它认为这个文件会在那里,因为官方引导示例没有显示与我在我的环境中看到的完全相同的 CSS。
// path it's looking for: WEBSITE/Portals/_default/Skins/MyTheme/assets/img/remove-icon-small.png
background-image: url(../img/remove-icon-small.png) !important;
有什么我可以尝试的想法吗?提前致谢。
更新:将丢失的 png 文件添加到它正在寻找的位置仍然不会导致图标显示。