角UI模式的指令，背景失踪 [英] Angular UI modal directive, backdrop missing

问题描述

我使用从UI引导 http://angular-ui.github.io/bootstrap/ 。该模式本身的工作。

I have no backdrop when using the modal directive from UI Bootstrap http://angular-ui.github.io/bootstrap/. The modal itself is working.

我已经试过同时与UI的引导-tpls.js（包括模板）和无模板（手动下载它们）。我比较了标记，并与来自例如一个CSS和我找不到任何区别。一切都在那里。我用它前几次，这是我第一次遇到这个问题。这一次不同的是，我使用的是引导的上海社会科学院版本。也许有某种关系呢？我的想法去哪里找。

I have tried with both the ui-bootstrap-tpls.js (template included) and without templates (downloading them manually). I compared the the markup and the css with the one from the example and I can't find any difference. Everything is there. I've used it several times before and this is the first time I encounter this issue. The difference this time is that I'm using the sass version of bootstrap. Maybe has something to do with it? I'm out of ideas where to look.

我的版本：

"angular": "1.2.24",
"angular-animate": "~1.2.24"
"angular-bootstrap": "~0.11.2",
"bootstrap-sass-official": "~3.3.1",

任何想法的人？

Any ideas anyone?

推荐答案

：<一href=\"https://github.com/angular-ui/bootstrap/pull/3117\">https://github.com/angular-ui/bootstrap/pull/3117

最简单的修补程序简单地添加以下的CSS：

the easiest fix is simply to add the following CSS:

html {
  height: 100%;
}

body {
  min-height: 100%;
}

.modal-backdrop {
  bottom: 0;
}

但愿它不会破坏你的code： - ）

Hopefully it won't break your code :-)

这篇关于角UI模式的指令，背景失踪的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！