当页面大小增加时，背景图像不会扩展
是因为背景图像的大小是固定的，无法根据页面大小的变化而自动调整。这可能会导致图像在大屏幕上显示不完整或出现重复平铺的情况。
为了解决这个问题，可以使用CSS的background-size属性来控制背景图像的大小。该属性可以设置为以下几个值：
- cover：将背景图像等比例缩放，使其完全覆盖背景区域。可能会裁剪图像的一部分。
- contain：将背景图像等比例缩放，使其完全适应背景区域。可能会在背景区域留有空白。
- 自定义数值：可以指定具体的宽度和高度数值，例如background-size: 100% 200px;表示宽度为100%，高度为200像素。
根据具体需求，选择合适的background-size属性值可以实现背景图像在页面大小变化时的适应效果。
腾讯云相关产品中，可以使用云服务器（CVM）来搭建网站或应用程序，并通过CSS样式设置background-size属性来控制背景图像的大小。具体产品介绍和使用方法可以参考腾讯云官方文档：云服务器（CVM）。
相关·内容
1回答
基于SVG的背景图像不缩放和平移
、、、、
我有一个SVG和一个背景图像。我正试着放大SVG和平底锅。我可以让变焦和平移工作，但我的背景图像不会跟随。同样，我可以左右平移，背景图像也会跟随，但当我向上和向下平移时就不会了。
我不能为此使用任何库，例如svg-pan-缩放。真正的应用程序将使用触摸屏，onclick事件将被转换为touchstart事件，这些事件被链接到不同的SVG。然而，对于我的问题，我一直保持简单的按钮。
我也希望我的背景图像添加CSS，而不是与SVG内联，因为这将增加SVG文件的大小。
我还需要div保持相同的大小，以允许摇摄。
当然，有一种方法可以同时缩放SVG和背景图像？
这是我的。(脚本似乎不适用于JSfidd
浏览 1提问于2016-07-02得票数 0
回答已采纳
2回答
Qt网格布局正方形单元格
、、、
我有一个屏幕ui文件，它有一个网格布局和8个按钮，布局如下
---------------------
| |
| 1 2 3 4 |
| |
| |
| 5 6 7 8 |
| |
---------------------
这些按钮设置了背景图像。当按钮不是方形时，图像在调整窗口大小时看起来很奇怪。我必须支持调整窗口的大小。有没有一种方法可以确保按钮始终是正方形(等宽等高)，无
浏览 3提问于2012-07-27得票数 1
一些上下文，我运行一个脚本在一个网站的主页上，以交换背景图像的计时器。我们决定最好尝试实现图像的预加载，这会在Firefox中引发以下问题：
在第一个页面加载时预装图像不会阻止浏览器再次从原始源加载图像，而不会阻止缓存。但是奇怪的是，刷新页面会成功地从缓存中加载图像。
在页面加载上运行的JavaScript接受所有的图像URL，并尝试通过调用(new Image()).src = 'http:// ...'；对每个URL预加载它们。
检查页面加载后显示，图像将加载到页面加载中，但当幻灯片显示时，图像也将再次加载。
测试图像链接(SO声誉限制)：
在映像中，图像-66.png、-
浏览 1提问于2013-12-19得票数 3
回答已采纳
2回答
我有一个布局，我需要在html和body上使用高度: 100% (以及我使用的任何包装器div)来达到类似页面的效果，这样我的第一个“页面”上的内容居中，向下滚动的第二个“页面”上的内容居中等等。
html如下所示：
<section class="page" id="p01">
<div class="spacer">
</div>
<div class="outer">
<div class="inner">
Some cont
浏览 0提问于2013-07-02得票数 0
回答已采纳
我正在使用本教程中的说明构建一个视差站点：
本教程的演示版本如下：
我不认为有必要包含我自己的代码，因为我认为我忽略了一个大的概念“流体图像”(fluid images )--我理解的是，可以通过在页面上的所有图像中添加一个"max-width:100%“来使图像变得液态。所以img {max-width:100%} .Now理论上应该工作，只要宽度不超过容器的宽度.
因此，回到 ...why的例子，在图像中添加"max-width:100%“不会产生流体图像吗？
我是不是漏掉了一个基本概念？
您可以看到我在这里构建的一个示例站点：
本质上，当你缩小页面时--蛇，以及平行的背景
浏览 3提问于2013-01-22得票数 0
回答已采纳
3回答
我已经看到了很多关于这个问题的帖子，但我似乎找不到解决方法。
我有一个带有背景图像的div，它的大小被设置为cover。
它在除移动chrome之外的所有浏览器和设备上都运行良好，每当我上下滚动页面时，背景图像似乎都会调整大小。我也注意到了一个奇怪的bug，如果你把background-size:cover放在background-image:url('')之前，它会忽略background-size属性，但如果你把它放在声明背景图像之后，它会检测到大小并将其设置为cover，但随后会出现奇怪的重新调整大小的滚动bug。
快把我逼疯了！有没有人知道解决办法？
浏览 13提问于2018-02-06得票数 1
回答已采纳
2回答
拉伸背景图像
、、、、
我有一个大小为1x947 px的背景图像，
问题是渐变色，所以我只使用repeat，但是当页面高度超过947 px时，它会显示背景色，
background-image:url(bg.gif);
background-repeat:repeat-x;
如何扩展 it
以下是上的代码示例
浏览 11提问于2011-09-08得票数 2
1回答
我正在寻找一些澄清有多宽，使图像作为网页的背景部分使用。例如，在具有固定大小的内容部分的可变宽度设计中，通常会将背景图像附加到页面正文，然后将跨越整个浏览器宽度的附加图像设置为附加div上的(居中)背景图像。
我在很大程度上理解这是如何工作的，但我正在寻找关于如何制作图像的指导。我见过一些网站使用4000像素宽的背景，甚至8000像素宽的背景，这比任何用户的浏览器窗口都要宽。
这项技术是否依赖于一些潜在的怪癖，这是驱动巨大宽度的原因吗？
我也很好奇为什么div的背景图像能够落在页面上其他元素流之外的逻辑。再说一次，我知道它是有效的，但我很好奇为什么。
浏览 2提问于2013-03-28得票数 0
4回答
我正在添加随机背景图像到我的网站。我在页面的左下角放置了一个照相机图标，当用户在图标上方盘旋时，它会隐藏我页面上的其他所有内容，这样您就可以查看背景图像了。问题是，当我调用jQuery fadeOut函数时，它会失去垂直滚动条，然后调整图像大小，使其延伸到屏幕的这一部分。这看起来像是一个小故障，但我知道这是因为我在调用fadeOut函数时失去了垂直滚动条。
是否有类似的对fadeOut的调用将隐藏我的内容，但不会丢失滚动条？我知道我可以把滚动条设置在我的屏幕上，但我不希望看到我的一些页面不需要它。
谢谢!
浏览 4提问于2014-04-15得票数 0
回答已采纳
2回答
我遇到的问题是，我的页面顶部有两个div，一个包含重复的蓝色背景，另一个包含背景图像。
我必须设置两个div的高度，以便它们垂直扩展，而不是随着内容扩展。我将右侧的表单设置为overflow。我相信这就是导致问题的原因。
我试过在代码中不使用高度css，但它仍然不能垂直扩展。
为了让背景显示出来，我必须手动设置高度。
这是页面：
这是CSS代码：
#top_container {
width:100%;
height:1040px;
background-image:url(../images/top_bg_repeat.jpg);
background-rep
浏览 0提问于2012-07-24得票数 0
超V2012-R2与1 VM (Windows 7)。我将VM磁盘大小从60 GB增加到80 GB，操作完成了OK。当我点击“检查磁盘”时，上面写着:当前文件大小: 59.97 GB最大磁盘大小: 82 GB
在使用VM ->drive C：->属性时:容量为59.8GB
为什么不将当前的文件大小容量增加到82 GB？
注意:服务器只有一个物理HDD，而VHDX是IDE。
浏览 0提问于2015-07-23得票数 4
回答已采纳
我正在使用SiteBuilder使我的网站成为marsya.com，并且我在我的页面的头部和主体中插入了一个代码片段(我不知道它应该放在哪里，所以我把它放在了两个地方)，这样我就有了一个固定的背景图像。万岁！
问题是，当我以100%的比例放大时，我的导航栏和位置信息是我想要它们的位置，如果缩放或屏幕尺寸不同，我的导航栏和表行的其余部分就会消失在背景图像中。
我希望它们要么保持与背景相关的静态(我的第一选择)，要么只是停留在页面的顶部，而不与我的其余内容一起滚动(第二选择)(我试图发布我所描述的内容的图像，但我没有足够的名誉点)
帮助!哦，如果您没有猜到我使用SiteBuilder (并且我不知
浏览 0提问于2014-04-28得票数 0
3回答
我知道如何实现全屏/可扩展的背景图像；我通常使用jQuery方法。例：
但!我试着制作它，所以每次访问页面时，背景图像都是不同的。不是幻灯片放映，而是像旧的javascript (EG：)
我如何将这两者结合起来: jQuery可扩展的背景和页面刷新新图像javascript？
有人遇到过这样的高质量插件吗？
*Edit_____*
我在上面的参考URL中使用了jQuery方法；本质上如下所示：
<!--Expandable BG code IE 7 +-->
<style>
#bg { position: fixed; top:
浏览 6提问于2012-08-28得票数 2
回答已采纳
假设在10px的无序列表项中重复大小为1kb的宽1px、高20px的Image。那么页面大小是以kb为单位增加10kb (列表宽度*图像大小)还是只增加1kb？
浏览 0提问于2012-08-24得票数 1
回答已采纳
2回答
填充容器的视差背景图像
、、、
我使用stellar.js将视差效应应用于背景图像。javascript将背景图像周围的容器的高度设置为窗口高度减去标头的高度。我有背景图像设置覆盖在css中，并希望它填充容器，而不管屏幕大小。这在没有视差效应的情况下工作得很好，但是一旦我应用了视差效应，定位就会改变，所以当容器很高时，图像就不会被填充。
我和马克·达格利什( Mark )谈过，他是stellar.js的创建者，他想看看他是否有任何想法，他说背景图像必须比容器高才能填满它，这就是我得出的结论。所以我想知道是否有不同的方法可以做到这一点。有人有什么想法吗？
这是我想让它发挥作用的网站。如果你调整浏览器窗口的大小，从侧面把它拉进来
浏览 4提问于2014-03-09得票数 0
回答已采纳
3回答
人们经常说，当使用背景图像平铺网页的背景时，由于需要平铺的频率较低，因此较大尺寸的图像的性能会更好。一段时间以来，我一直在制作8x8px或8的倍数。
但是，有没有人有链接到数据，证明这是在一系列浏览器的情况下，考虑渲染时间，或在页面渲染的不同点的CPU负载？
浏览 1提问于2011-02-08得票数 6
1回答
我在为我正在写的一个网站调整背景图片时遇到了一些困难。我想用一张大图片来覆盖网站的背景。我使用的是css属性cover，当页面加载时它看起来很好。
我的问题是，当一个按钮被点击时，它会将10张图片附加到一个空的div上。当附加这些图像时，div会变得非常大并改变页面大小，这会导致图像重新加载以适应这种显著增加的页面大小。这会导致图像看起来非常扭曲。
有没有办法保持页面加载时图像的大小不变，并且在图像下面有一个简单的背景颜色，以便在附加图像时覆盖页面的其余部分？
我使用了background-size: cover和background-repeat: no-repeat
耽误您时间，实在对不起
浏览 22提问于2018-02-25得票数 0
回答已采纳
2回答
响应CSS背景图像问题
、、、
我使用了基金会5框架来设计一个页面。它在背景图像的顶部有一个标志。链接：
这两幅图像的样式如下：
header {
position: relative;
}
.logo {
background: url("../img/text2save.png");
background-position: left top;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
z-index: 2;
width: 20%;
浏览 10提问于2014-01-14得票数 0
回答已采纳
1回答
我试图添加一个单一的Razor页面的背景图像。以下是我尝试过但没有成功的地方。该页只返回没有背景图像的文本。
我的CSS页面
这是我的剃须刀页面，调用css。我遗漏了什么？
浏览 1提问于2020-11-08得票数 0
回答已采纳
2回答
当background-attachment设置为fixed时，我有一些关于背景图像的问题。它们是：
假设我将背景图像设置为宽度为500 1px和高度为500 1px的div，并设置为1 1px实心红色边框。现在如果我给background-size: 100% 100%。为什么背景图像的大小略大于500 is？为什么当我改变视口的大小时，背景图像的大小会改变？
如何为背景图像指定最小高度，以便当veiwport的大小发生变化时，背景图像不会小于特定的高度？
浏览 6提问于2016-05-10得票数 1
7回答
我尝试使用CSS设置背景图像，但原始图像被拉伸。如何在保持原始图片大小的同时，设置整个页面的背景？
body {
margin: 0;
background-image: url(background.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
原图为：
结果是：
不同的是我的网页的背景比原来的要大。
任何帮助都将非常感谢！
浏览 4提问于2015-12-28得票数 1
我不知道该怎么做：
我有一个全屏背景图片，一个顶部固定了50%透明度的导航栏，以及它下面的内容。如何使导航栏保持背景图像的透明度，同时仍具有滚动内容？
现在的问题是，当我向下滚动时，内容会在导航栏下面，并通过透明度显示出来，这显然看起来很糟糕。
基本上，我希望页面的内容滚动并消失在导航栏的底部。我知道我可以让导航栏变得不透明，也可以使用背景图像，但我宁愿只有一个全屏背景图像。
有什么想法？
浏览 3提问于2012-10-08得票数 0
回答已采纳
6回答
我知道如何在iReport designer 4.1.2上导入背景图像。
以下是我所采取的步骤：
选择View->Report >导入背景图像.
选择我的png图像
选择View->Report >转换背景图像
单击图像上的右键，并将适配页面宽度和Trasparency设置为100%
最后单击End转换
背景图像正确地出现在报告中，但是当启动预览时，它就消失了！
怎么了？我错过了什么吗？
PS:我放弃了背景带解决方案，因为图像超过了报告边距。
浏览 9提问于2011-10-31得票数 10
回答已采纳
我真的在为这件事而挣扎，并且已经做了很长一段时间。
我有一个带有标志的背景图像，我希望中间有一个div，这样它就不会阻止背景中的蜜蜂图像。这里的工作示例(这很好，因为它没有阻止图像)：
但是，现在我想在红色div的左边添加另一个div，在大约10像素之间有一些边距。但是，当我这样做的时候，所有的东西都会向右移动，而我在背景中的标志被div挡住了。这里的例子：
如果我将margin: 20px auto 0从main-controller中删除，那么在我查看1680 X 1050解析中的页面之前，事情看起来还不错。在这项决议中，一切似乎都向左转移。因此，现在在红色div停止与蜜蜂图像开始之间有一
浏览 2提问于2011-09-08得票数 4
回答已采纳
1回答
我有一个滚动视图，它有一个背景图像。当键盘打开时，图像会缩小。当键盘关闭时，它会再次膨胀。如何阻止这种收缩的发生？
浏览 4提问于2016-04-04得票数 0
回答已采纳
3回答
我有一个HTML页面，其中我有一个图像作为背景。每当我在我的iPhone 6上查看页面时，背景图像有时不会覆盖整个页面。只有大约20%的时间会发生这种情况，并且在重新加载页面后不会发生。当我清除手机上的缓存和网站数据时，总是会发生这种情况。这是将其设置为背景的CSS (我是通过搜索"how to make a good CSS background image“从网上获得的)
html { /*Copied from the web*/
background: url(img/sea.jpg) no-repeat center center fixed;
-webkit-b
浏览 14提问于2016-08-11得票数 0
嗨，我正在使用asp.net页面中的div。这里我想把样式动态添加到我的div中。
所以我试着这样做
Mydiv.Style.Add(“背景色”，"#a08b74")；
它在IE中工作得很好。但在firefox中不起作用
问题出在哪里？
浏览 0提问于2009-08-05得票数 0
2回答
我在调整网页上的文本位置时遇到了困难。页面上的项目似乎是浮动的，并没有被锁定。我需要他们保持静态相对于背景图像。
例如，我有一个名为"leftMenu“的div项，我希望左侧菜单停留在背景图像左侧大约20个像素的位置。在我不得不将背景图像居中之前，一切似乎都很顺利。现在背景图像居中，我似乎失去了锁定div相对于背景位置的能力。
当屏幕是全尺寸的时候，东西看起来很好，但是当页面大小改变时，leftMenu会到处漂移。我目前正在尝试使用绝对和相对定位，但我似乎无法获得正确的设置组合，以使项目保持不变，而不管页面大小。
页面：用户: test2 pass: abc111
任何建议都将不胜感激
浏览 2提问于2012-03-06得票数 0
回答已采纳
2回答
当我尝试在body元素上设置背景图像时，页面高度高于视区，您可以向上或向下滚动。然后，当scrollTop为0时，背景图像在视口结束的位置开始/结束。
它像机身高度100%等于视口高度吗？为什么？我做错了什么？
html {
height:100%;
}
body {
font-family:tahoma;
font-size:11px;
color:#333333;
background:url('/new/gfx/layout.bottom_bg.png') bottom repeat-x #eef7ff;
margin:0
浏览 2提问于2011-10-04得票数 1
回答已采纳
我不知道该怎么回答这个topic...sorry的问题。
我才刚开始学CSS。
我有一个带有背景图像的<div>，<div>中有文本。我读到，在em中选择字体大小是一个不错的选择，因为有些人可能需要在浏览器中使用更大的文本大小。因此，使用em设置字体大小将更好地适应这些类型的用户。
但是，允许调整文本大小的问题是，在许多情况下，我的<div>中的文本将超出背景图像的大小，使页面看起来很糟糕，设计也很糟糕。
是否有方法使用CSS并允许背景图像'match'或‘展开’以适应更大的文本大小？
浏览 1提问于2011-06-02得票数 1
回答已采纳
4回答
我知道大多数背景渐变是通过创建一个1像素宽，1000像素高的图像，并沿着x轴重复该图像来实现的。
如果页面高度超过1000像素，会发生什么情况？有没有一个背景渐变可以处理任何长度的页面？
浏览 2提问于2011-06-25得票数 1
回答已采纳
1回答
正如标题所说，我想将背景图案添加到png图像(而不是整个画布)。我尝试了各种指南，但它们都是关于通过使用canvas的createPattern方法或使用background-image的css属性向整个画布添加背景模式。
是我正在创建的。
如您所见，画布上有各种png图像(左臂、右臂、身体等)。而且它们都是可定制的。现在，我想向这些png图像添加重复模式。这些重复模式本身就是一个图像。
如何通过svg、fabric或任何其他方法做到这一点？
浏览 1提问于2015-01-02得票数 2
目前我正在使用闪闪发光的主题..。我需要使用特征图像作为标题的背景。
例如，我希望特征图像看起来像下面的屏幕截图
但我得到的是，
我不知道如何调整图像的大小和大宽度。有人能帮我吗
浏览 3提问于2016-09-12得票数 0
回答已采纳
我得到了一个页面，其中有一个背景图像和一些浮动图像。这些图像链接到背景图像，这就是为什么我想在背景上的确切位置显示浮动图像(将在下面的屏幕截图中清除)。
正如你在上面的图像中所看到的，在背景图像中，名为宗教的图像位于一座神庙的上方，因此人们和野生动物也是如此，但邮件问题是远征图像，在背景图像中，分辨率改变后漂浮到左侧，并从山峰顶端替换。请帮我把这个工作在所有的解决方案上。
浏览 0提问于2014-05-24得票数 0
我们如何把一个大的图像放到一个小的div中，以h对齐/v对齐为中心。图像不应在div (类型为overflow:hidden)之外可见。此外，div将根据页面大小更改其大小。
我接受了其他问题/答案的帮助，并尝试使用div背景和css --但它只是将图像与h中心对齐。
jsFiddle - 。
如何使h-心和v-心对齐？此外，不应该有任何垂直滚动条。它应该与任何页面大小和(如果可能的话)任何图像大小一起工作。只有CSS才有可能？
浏览 3提问于2013-10-25得票数 1
回答已采纳
我想在MDI窗体上显示横幅图像和一些菜单。菜单应该显示在右侧底部的横幅图像上。为了实现这一点，我遵循了以下步骤：
添加MDI表单
面板(pnlHeader) -背景色为黑色以与图像背景相匹配
Picturebox显示横幅图像并将其添加到pnlHeader中
在图片框中添加菜单(dock = none)，以便在横幅图像(徽标旁边)显示菜单
当我调整窗体的大小时，图片框图像和菜单条不会调整大小，即使面板是码头到顶部。对此有什么建议吗？出于安全原因，我不能给你提供代码。
浏览 3提问于2013-03-01得票数 0
我在facebook上有几个粉丝页面，在其中我发布了包含有趣文本的图片(如下面的例子)。在所有页面中，我使用相同的文本，但背景图像不同。背景的大小总是一样的。只有颜色会变。由于我必须以不同的背景分别保存每幅图片，所以我现在尝试创建一个小脚本，允许我将具有不同背景的创建文本存储为jpg或png文件。下面是我对这个过程的设想：
我会将文本添加到文本区域，这将是普通html表单的一部分。
使用javascript，我想将文本(字体大小、宽度和高度)放在下面示例的白色边框中。
当表单被提交时，脚本应该通过一个循环运行，并将文本保存在每个不同的背景上，放在一个单独的文件夹中。
下面是
浏览 3提问于2017-04-08得票数 0
1回答
我在页面的正文中有一个背景图片设置在右下角。但是，当页面中的内容延伸到屏幕之外时，背景图像会停在屏幕的边缘，而不是实际内容结束的地方。
下面是相关的css：
html, body {
margin : 0;
padding : 0;
font-family : arial, sans-serif;
background-color : #15242d;
height: 100%;height:auto;
min-width: 100%;width:auto;
font-size: 15px;
color: #959595;
}
浏览 0提问于2011-12-05得票数 2
3回答
我使用相同的图像作为一个页面上div的背景图像和另一个页面上的图像元素。它们在两个页面上占据相同的空间，相同的宽度和高度，但图像的位置不同。这是背景图片html：
<div class="frontpage-bg-image-wrapper">
<div class="header-bg-image frontpage-header-hero"></div>
<div class="bg-overlay overlay"></div>
</div>
这是它的c
浏览 4提问于2017-03-16得票数 0
2回答
背景图像和div定位？
、、、、
我的结构如下：
<div id="wrap">
<div id="container">
<div id="header">
</div> <!--close header-->
<div id="main">
… etc
我试图显示一个背景图像，它将显示图像的全部高度，但不强制页面滚动，但它将与页面内容一起滚动。
我在#容器div的开始标记之后放置了一个#bgimage，并尝试了以下CSS：
position
浏览 2提问于2011-10-08得票数 0
通过链接图像，我的意思是在一个目录中有一个图像，并给出图像的路径，以便设置对象显示或背景。我注意到，自从使用这种方法以来，我的页面需要相当长的时间才能加载。那么，如果这就是问题所在，那么还有什么替代方案呢？
谢谢
浏览 0提问于2011-11-03得票数 0
回答已采纳
4回答
当实现一个具有这样的设计的飞溅图像时，如果设备屏幕的分辨率或大小不同，图像就不能被倾斜或裁剪，如何完美地实现这一点？图像必须是一个真正的全屏，没有黑色背景，因为不同的纵横比。
我们是否应该为创建每台设备屏幕大小的的飞溅图像？这是我们目前所做的，这是相当多的工作。所以我们去了解我们需要的图像大小。你看，他们有很多。
有没有更好、更快的解决办法？
浏览 8提问于2013-11-06得票数 0
我有一台UITableViewCell。单元格在顶部和底部有两个标签的视图。我正在显示视图的背景图像。当我放置占位符图像时，大小是正常的，但当我从服务器加载任何图像时，单元格的大小就会增加。我已经给出了适合图像视图的方面&图像视图的高度将等于视图。
以下是用于加载图片的代码：
func setImage(imageStringUrl:String) {
if self.imageView?.image == nil {
let strUrl = APIHandler().baseURL.url + "storage/Admin/categ
浏览 1提问于2018-01-09得票数 0
我试图列出一些链接(没有子弹或数字)，我有一个a:悬停类，添加了一些填充和背景色。代码看起来像这样
<p>
<a href="google.ca">Google</a></br>
<a href="bing.ca">Garbage Google</a>
</p>
css看起来像这样
.p{
padding: 20px;
background-color: #ffffff;
display: inline-block;
}
a:hover{
padding: 0px 5px 0p
浏览 6提问于2016-03-06得票数 0
回答已采纳
我想在opencart 2.0.1.1中添加升级缩放javascript。我使用了一个扩展名为。但是其中有一个问题，这对于缩略图来说很好。当我点击加法图像时，附加的图像应该是打开缩略图而不是第一个图像，并且缩放函数应该应用到它上。实际上，当我点击其他图片时，它只是在弹出窗口中打开。
浏览 4提问于2015-08-07得票数 0
回答已采纳
我有一个完整的页面高度和宽度，背景图像到一个页面，该页面旨在覆盖视图端口的who，该视图也适合于视口的大小。当地址栏和导航条被隐藏(默认浏览器行为)时，在移动( iPhone和Android)上，当您向下滚动背景图像跳转时(如下图所示)，这一功能在桌面上非常出色：
我使用的代码是：
HTML：
<div id="bg">
<img src="../../assets/landing-page/bg.png" alt="">
</div>
CSS：
#bg {
position: fixed;
浏览 1提问于2020-11-11得票数 0
回答已采纳
1回答
我有以下几点：
<header class="container-fluid" id="header">...</header>
这有一个应用于它的背景图像，并在桌面视图上跨越整个屏幕的宽度。但是，当您将窗口大小调整为移动设备大小时，窗口两侧会有额外的白色填充，这意味着背景不会覆盖整个屏幕，实际上与
什么是获得它的最好方法？请注意。背景仅用于页面的页眉部分，而不是整个页面。
桌面视图：
移动视图：
谢谢
浏览 1提问于2013-04-04得票数 0
回答已采纳
3回答
我已经写了下面的代码，使一个有背景的图像。它在Chrome和上工作，但在firefox中却没有显示出来。
<style type="text/css">
#profile{
width: 100%;
height: 100px;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
background-image: url(https://
浏览 5提问于2017-04-22得票数 1
回答已采纳
我有一个HTML页面，中间有一个横跨它的部分。此水平部分使用<table>，并具有需要在整个部分水平重复的自定义背景图像。这个表中有5个元素。这些元素的大小静态调整为140px。
我的问题是，我不能让图像在剩余的空间中重复。这就好像桌子没有伸展整个宽度。但是，如果我将表格宽度设置为100%，表格单元格将超过140px。
我做什么好？我要这张桌子占满整个空间。但我希望我的单元格保持恒定的大小，并且我希望使用背景图像。
谢谢!
浏览 0提问于2010-12-27得票数 2
我试图让一个图片成为一个div /容器的全部大小的背景，而不管div本身有多少内容。
当我尝试：
<div class = 'container-fluid'>
<img src="image.jpeg" style="object-fit: cover;" />
</div>
图像有完整的高度，但是图像比屏幕的宽度更长(因为分辨率很高)。然而，当我将图像作为背景添加时，它似乎很好，压缩宽度以与页面匹配，但允许完整的高度，但是由于背景的大小是由内部的内容定义的，所以我尝试了：
<div class
浏览 3提问于2020-10-17得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
