html - 如何根据包含的div的大小设置背景图片的大小?

标签 html image twitter-bootstrap css

我想让一个图像填充一个 div 但不溢出,并且像在这个 bootply 中一样离开屏幕 50%。我让它在 bootply 中显示我想要的方式,但我希望有一种更动态的方式来用更少的代码来做到这一点。

Bootply

最佳答案

我想通了。我所需要的只是

背景位置:右上; 背景大小:包含;

而不是我为内容 div 编写的所有其他代码,然后我只是在 photoshop 中裁剪我的图像,这样我就不需要更改水平位置。

关于html - 如何根据包含的div的大小设置背景图片的大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36727984/

相关文章:

javascript - 输入框不让我输入

python - 从 AWS Python lambda 函数返回 html 页面

javascript - 如何在 ajax 加载的数据上隐藏和显示内容?

iphone - 在 iPhone 中显示从 ALAsset 检索到的 URL 中的图像

html - 修复了顶部导航栏不起作用的问题

php - 在 jQuery 脚本中使用 Php 值

python - 如何使用 Python 沿着带有矩形边界框的 Blob /轮廓的主轴裁剪图像

php - 我如何按个人资料图片位于顶部的用户进行排序?

css - Bootstrap Progress Bar with Popovers - 时间线

c# - 替换为 Html.BeginForm()