使背景图像适合div
我在以下div中有一个背景图片，但是该图片被截断了：
<div style='text-align:center;background-image: url(/media/img_1_bg.jpg);background-repeat:no-repeat;width:450px;height:900px;' id="mainpage" align="center">
有没有一种方法可以显示背景图像而不将其剪切掉？
问题答案：
您可以使用background-size])属性来实现此目的，大多数浏览器现在都支持该属性。
缩放背景图像以适合div：
background-size: contain;
要缩放背景图像以覆盖整个div：
background-size: cover;
-
除了背景颜色，也可以使用背景图像来实现各种复杂、有趣的背景效果。CSS中，使用 background-image属性来定义背景图像的路径，取值为 none | url，默认值为 none。 url 可以是相对路径，也可以是绝对路径。使用相对路径时，url 是相对于 css 所在的文件，而不是要设置样式的HTML文件。如，下面代码表示，使用 css 文件所在目录下的 img 文件夹下的图像 bg.g
-
问题内容： 我只是从一个网站上开始，已经遇到了一个小问题，无法找到特定的解决方案。 我想让我的网站背景适合任何屏幕尺寸，无论宽度，高度都没有关系。 这是我的图片的链接： 编辑 我不知道出了什么问题，但是由于某种原因，身体甚至不想获取背景图像。它仅显示纯白色背景。 问题答案： 您可以使用此插件http://dev.andreaseberhard.de/jquery/superbgimage/ 要么
-
我对flutter非常陌生，我正在做一个有趣的应用程序。我想添加一个背景图像到我的应用程序，但我找不到如何。我知道我必须把它放在中，但我找不到怎么放。这是我的代码：
-
问题内容： 假设我要在CSS中渲染箭头，箭头应具有头部，尾部和灵活的宽度，以便可以包含文本。我当然可以创建多个div来获得所需的内容，但是如何在CSS3中完成呢？ 我可以使用多个背景图片： 的HTML： 这给了我一个带有箭头和尾巴的透明中间部分。似乎不可能在中间部分指定颜色。 仅使用一张背景图像，您可以执行以下操作： 我知道这在很多方面都是可行的，但是背景颜色属性是否真的从速记定义中丢失了？ 问题
-
下面的外部CSS页面示例中的快速简单问题； 我知道它们会影响不同的元素选择器，我的问题是使用背景和背景图像有什么区别？一方可以访问另一方的特定属性吗？谢谢你。
-
问题内容： 我有此jquery代码，可在单击时更改背景图像： 但是，它没有改变。有什么我想念的吗？ 问题答案： 您需要包括该属性的一部分。