背景图片始终在底部被切断

以下是带有代码的我的codepen页面的链接。正如你所看到的Jumbotron背景图像在底部一直被切断，我似乎无法解决这个问题。背景图片始终在底部被切断

2013-10-27 Casey Clayton

这不是问题。 –

看起来像你的CSS .jumbotron缺少一个高度。试试这个开始：height：437px; – Chelseawillrecover

欢迎来到Stack Overflow！感谢您发布您的代码，但请在您的问题中多加一点说明：您有什么问题，您期望得到什么结果，以及[您尝试过什么]（http://whathaveyoutried.com）到目前为止？通过[问题清单]（http://meta.stackexchange.com/questions/156810/stack-overflow-question-checklist）将帮助我们更好地回答你的问题。谢谢！ –

正如前面提到的，试试这个在您的CSS：

.jumbotron { 
    background: url("http://i1244.photobucket.com/albums/gg572/fitnessbeast1/Jumbotron/Tron.png") no-repeat scroll 0 0/cover rgba(0, 0, 0, 0); 
    margin: auto; 
    padding: 0 15px; 
    width: 90%; 
    height: 437px; 
}

来源

2013-10-27 21:44:50 Chelseawillrecover

您的图片比格大很多，可以尝试设置高度。您也可以考虑滑门技术。

http://css-tricks.com/snippets/css/perfect-css-sprite-sliding-doors-button/

来源

2013-10-27 21:40:23

只需添加高度到您的.jumbotron类

.jumbotron{height:371px}

或添加内容超大屏幕集装箱

<div class="jumbotron"> 
     <h2>Jumbotron</h2> 
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of 
    </div>

来源

2013-10-28 08:43:12 Ankit

背景图片始终在底部被切断

回答

相关问题