jquery – 全屏响应背景图像与引导

前端之家收集整理的这篇文章主要介绍了jquery – 全屏响应背景图像与引导前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我是新来的诡计引导者.想知道的是 HTML模型,我必须使用一个全屏响应的背景图像与引导?

当然我是起诉模特

<div class="container-fluid">

<div class="wrapper">

</div>


</div>

在包装之前,我确实有一个导航菜单.我想添加一个全屏图像到div类包装.我想要封装div缩放100%.任何提示将不胜感激.

解决方法

两个选项

>如果您使用标签,请使用img响应类.

<div class="wrapper">
   <img src="pic_1.jpg" class="img-responsive" alt="Responsive image">
</div>

>如果你使用css使用这个.

.wrapper{background: url('/assets/64531/green_suburb.jpg') no-repeat   center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}
原文链接:https://www.f2er.com/jquery/176288.html

猜你在找的jQuery相关文章