2015-04-20 207 views
1

我是Web開發和引導新手,我對本頁面的作者http://wrapbootstrap.com/preview/WB0196957能夠如何獲得背景圖像感到好奇。它在背後褪色,使其頂部的文本可讀,但非常醒目。Bootstrap Responsive Images

+0

在桌面視圖中,它看起來不錯,但通過Android chrome瀏覽器的頂部和底部導致圖像「跳」 – mgutt

+1

這將有助於您在瀏覽器中使用開發人員工具(通常是F12或右鍵單擊 - >檢查元素)並理解頁面的構造/組織。在你的例子中,它是一個包含圖像的'img'標記,它的父'div'有一個黑色的帶有0.35不透明度的黑色虛線圖像,它給出了效果。 (它與Bootstrap沒有太大的關係,但是很可能與CSS有關) – Madushan

+0

哇,這是一個非常快速的反應,我非常感謝幫助!也出於某種原因,我無法upvote你的答案。 – Divaglio

回答

0

嗨,你指的是選擇文本/從您發佈的網站閱讀更多。您所看到的效果是模態對話框的標準行爲,當顯示時會讓周圍區域灰顯,使其不可點擊 - 這個想法是您在做其他任何事情之前先關注對話框並關注它。 See here瞭解如何在引導中使用對話框。

+0

謝謝!對於遲到的投票/回覆感到抱歉。 – Divaglio