2016-10-25 76 views
0

我使用引導模式插件,並且出於某種原因沒有顯示背景。未使用引導模式顯示的模態背景

當我我check same code on w3schools注意到一個div生成每一個模式打開時間:

<div class="modal-backdrop fade in"></div> 

我得到了完全相同的代碼作爲W3Schools的,但不是我的網站上產生的這個div。

我該如何解決這個問題?

+1

表現出一些更鱈獲取模式e,以便我們可以從 –

+0

@BhavinShah開始,我的代碼與w3schools的完全一樣。幷包括bootstrap.min.js – twan

+0

好吧..所以你包括'模態背景淡入CSS中? –

回答

0

請檢查<div class="modal-backdrop fade in"></div>元素,檢查CSS屬性是否被覆蓋。大多數情況下,這可能是由覆蓋造成的CSS問題。

+0

當我打開模式時,不會生成div。這是問題。 – twan

+0

你能展示更多的細節,模態是如何被觸發的,以及bootstrap如何被包含在頁面中。 – DileepNimantha

0

無法重現這一點,因爲w3學校的例子工作正常。

驗證以下內容。這可能會導致問題:

  • 這是很好的做法,把<div class="modal">..在 文件或年底前</body>
  • 如果有任何其他的CSS類重寫模式,背景類
  • 如果jQuery和引導JS添加適當

http://getbootstrap.com/javascript/#modals-examples