html - 响应式背景图像 bootstrap 3 asp.net 4.5

标签 html css twitter-bootstrap-3 background-image

大家好,我将非常感谢解决响应式背景图像问题。我已经通过了十几个答案/建议,但它对我不起作用。 我的挑战: 如果没有以像素为单位明确指定“高度”,我的图像将不会出现,我认为高度会影响从桌面到移动设备的过渡。我正在使用 asp.net 4.5(带母版页)和 bootstrap 3.0。 这是我的 html 和 css:

<div class="container-fluid imgBackground">
</div>

.imgBackground { 背景图像:url('../Images/marine.jpg'); 背景重复:不重复; 背景大小:包含; 高度:480px; }

最佳答案

使用background-size:100% auto;

演示:http://codeply.com/go/THU7IqfrVX

关于html - 响应式背景图像 bootstrap 3 asp.net 4.5,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31107592/

相关文章:

html - 从 MS Word 或 Libre Office 到干净的 HTML

css - Bootstrap 中溢出的导航栏

html - CSS在不同屏幕中居中一个div

html - 多行滑动方向错误,方向 : horizontally and slidesPerColumnFill: 'row' ,

javascript - .setAttribute 在 for 循环中不起作用 - JavaScript

javascript - 需要在右下角的 css div 中定位 html5 Canvas

html - 在链接图标下添加文本

javascript - 更改 2 个进度条的过渡和样式

css - 我的 html 页面不在浏览器中滚动

c# - .NET 从 HTML 页面中删除/剥离 JavaScript 和 CSS 代码块