CSS如何让背景图像“可滚动”，而不是被屏幕剪切
在CSS中，可以使用background-attachment属性来控制背景图像的滚动方式。默认情况下，背景图像是随着页面的滚动而滚动的，也就是背景图像会被屏幕剪切。如果想要让背景图像可滚动，可以将background-attachment属性设置为scroll。
具体的CSS代码如下：
body {
background-image: url("背景图像的URL");
background-attachment: scroll;
}这样设置之后，背景图像就会随着页面的滚动而滚动，不会被屏幕剪切。
背景图像的滚动方式还可以设置为fixed，表示背景图像固定在页面上，不会随着页面的滚动而滚动。
推荐的腾讯云相关产品：腾讯云对象存储（COS）
腾讯云对象存储（COS）是一种安全、低成本、高可靠的云端存储服务，适用于存储和处理大规模非结构化数据。它提供了简单易用的API接口，可以方便地上传、下载和管理文件，同时还具备高可靠性和可扩展性。
产品介绍链接地址：腾讯云对象存储（COS）
相关·内容
我有一个页面，我想消除它从左到右滚动的情况。无论我使用哪种分辨率查看，它都会在右侧留下大约70px的空白区域。在我设置的页面上
对于城市图像背景部分，我已经将body设置为：
#baner {
min-width: 100%;
float: left;
background: url(../images/city-backgound.jpg);
margin-top: 0px;
}
html {
margin: 0px;
min-height: 100%;
min-width: 100%;
}
浏览 1提问于2014-08-30得票数 1
1回答
添加滚动视图并使其缩放
、、、、
在我的iphone应用程序中，你会看到一个带有背景图片和一个“开始按钮”的UIView。当你点击开始按钮时，开始按钮将被隐藏，你的背景也会被隐藏。您将看到另一个图像。你还会得到一个“后退按钮”。您应该能够缩放图像和滚动。我希望所有的东西都在同一个UIView上。
当你点击后退按钮，一切都应该回到第一个背景图像和开始按钮，你应该不能缩放或滚动。
我该怎么做呢？为了在相同的视图中只显示一个普通的屏幕，是否可以隐藏滚动视图？
提前感谢！
编辑:好的，我现在知道如何隐藏滚动视图，但是当滚动视图显示时，您不能滚动！我已经使滚动视图比屏幕更大，并在“原始屏幕”下面放置了一个标签。如何让它滚动？
浏览 0提问于2012-04-28得票数 0
回答已采纳
2回答
可滚动的CSS背景图像
、、、
我正在尝试创建一个背景图像，它将有一个滚动条垂直向下滚动图像。我喜欢使用宽度和高度百分比的想法，因为这种方法似乎总是适合任何屏幕分辨率的图像。不幸的是，图像的长度相当大，因此图像的底部被切断。我尝试过各种方法来实现这个工作，包括更改背景大小的属性，使用overflow:scroll和其他不值得提及的编辑。下面是我到目前为止正在编写的代码：
<!doctype html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/style.c
浏览 0提问于2016-12-11得票数 0
回答已采纳
4回答
所以我的实际问题是，我想要一个固定的背景图像效果，同时保持背景图像足够宽来填充一个容器。不幸的是，使用background-attachment:fixed;的CSS方式只会相对于视口定位图像。这就造成了屏幕大小与背景图像大不相同的问题，在这种情况下，屏幕大小会导致背景图像(即人的照片)不需要的剪裁。
我目前得出的解决方案是使用background-size: contain来防止在所有屏幕大小上裁剪图像，同时通过在滚动体上动画background-position-y来模拟background-attachment: fixed和JavaScript。问题是，如果我单击一个导致页面下端的sc
浏览 4提问于2016-10-12得票数 1
回答已采纳
1回答
Web:动态透明渐变
、、、、
我怎样才能在我的网页上像图片那样做透明渐变呢？我不能使用png来做这件事，因为图像是从服务器动态加载的，并将被滚动：
Scroller是用JS编写的。我不想使用flash来实现这种渐变效果。
编辑:我必须有可能改变背景(由用户)，它必须适合屏幕(约95%)。无法在滚动条上制作背景蒙版。:(
附言:对不起，我的英语。
谢谢:)
浏览 0提问于2012-01-15得票数 0
回答已采纳
4回答
使用CSS，我如何才能使页面的背景图像在我向下滚动页面时不会移动(保持不动)？文本和其他元素显然应该移动，但我希望背景图像保持不变。
同样使用CSS，我如何使背景图像适合用户的全屏显示？例如，一个4000px x 3000px的背景图像显然不会完全显示在大多数用户的屏幕上，我如何才能使它缩小，而整个背景图像将显示在用户的屏幕上？
浏览 47提问于2014-06-11得票数 -7
3回答
如何有一个非固定的全屏背景图像？
、、、、
我知道的存在有一个全屏背景图像，无论是CSS3还是绝对定位和100%的高度/宽度。
然而，所有这些技术都会产生固定的背景图像，这意味着如果有一些内容比需要滚动条的屏幕大，则在滚动时背景图像将保持不变。
是否可以将背景图像步移到页的宽度/高度，而不是屏幕
浏览 8提问于2011-07-20得票数 0
回答已采纳
CSS挑战：
这个CSS让我的背景填满100%的屏幕高度，但有一个小问题-当你向下滚动时，最初会有空白，然后当你松开手指停止滚动时，背景图像会“调整”并再次填满100%的屏幕高度。如果只在第一次滚动，问题不会在同一页上再次出现。
<body>
<div class="background"></div>
<div class="content"></div>
</body>
和CSS：
html{
height:100%;
}
.background{
浏览 15提问于2014-05-21得票数 3
有一张背景图片，我真的很喜欢用在我的网站上。为了让它看起来不错，我必须使用css，background-size:cover和background-attachment:fixed。但这使得页面上的滚动有些起伏。有没有一种方法可以保持css和相同的背景图像，但使页面滚动更平滑？
浏览 1提问于2012-03-19得票数 0
回答已采纳
这个问题听起来很简单，但我是CSS专家，我认为这是不可能的(罕见的事情)。
如果<div>没有背景，是否可以使用CSS为<div>提供恒定的上边距(例如，您可以看穿它)？
基本上，我希望背景图像在网站的顶部100px处可见，这样即使向下滚动，顶部的边距也会留在原处。
您可以在这里查看一些实时代码：
下面是我正在尝试做的事情的一个小信息图表：
谢谢!
浏览 0提问于2011-01-14得票数 1
回答已采纳
1回答
我有一个页面，我试图实现两件事-使用css的3d效果，背景图像和z索引-滑动div使用Jquery使电影类型的字幕滚动到屏幕上。
我已经尝试了几个jquery图像预加载器，我在不同的帖子上找到了它们，但似乎都不起作用，我猜是因为它们是css背景图像。我有的问题是在第一次加载，前景图像加载不够快(这是一个相当大的png)和字幕开始滚动页面超过背景图像的顶部。当然，当您重新加载页面时，它可以很好地工作，因为图像被缓存，并且字幕文本在背景和前景图像之间正确地向上滚动屏幕。
我的问题是:有没有办法延迟屏幕上的字幕滚动，直到前景图像加载之后？
提前谢谢。
浏览 0提问于2013-03-21得票数 1
回答已采纳
3回答
如何使“固定”元素可滚动
、、、、
我知道这听起来有点违反直觉，但让我解释一下我想要做的事情。
我有一个很大的元素作为背景。它不会调整大小。它通常比观看它的屏幕要大。这个元素的大部分内容(它只是一个图像)都在中心附近。假设唯一必要的信息是在中间的800px，整个东西是1600px宽。
为什么它超出了必要的范围？因为它在背景的其余部分变得令人愉悦，并为网站的设计增添了色彩。
因此，我固定了元素，并使用了一个标准的技巧来居中。它在大屏幕上工作得很好。它保持居中，如果其中一些有点太大，它不允许您滚动以查看基本上什么都不是。我喜欢这样。
但是如果屏幕太小，你就看不到所有的东西。您不能只设置页面的最小宽度或最小高度，因为当您转到滚动时，背
浏览 0提问于2012-02-22得票数 2
回答已采纳
我知道这里有人问过这样的问题，但许多现有问题的答案现在已经过时。我需要的是以下:一个网页，最好只有CSS和HTML，有一个固定和居中的背景图像。我使用的背景图像的尺寸是1024x1024，它的想法是，图像将覆盖屏幕的景观和肖像模式。背景图像也必须是固定的，这意味着如果页面上的内容被滚动，背景图像不会与内容一起滚动。
我有一个几乎可行的解决方案：
CSS:
#background {
background-image: url('background.jpg');
background-position:center;
background-repeat
浏览 3提问于2012-07-01得票数 0
2回答
我有一个图像嵌套在几个div中。图像的宽度为2000‘s，当浏览器的宽度被设置为小于页面加载时，我希望图像的中心对齐到屏幕的中心，并能够向左/右滚动查看图像的其余部分。我还需要粉红色边框的div跟随图像，保持与现在相同的位置(广场需要停留在英国上空，圆圈在波兰上空)。
到目前为止，我有一个JS小提琴，所以当页面加载时，我希望我放置在地图上的X出现在屏幕的中间，然后仍然能够左右滚动查看地图的其余部分。我还需要将图像保留为图像元素，而不是背景图像，因为我有一个允许缩放的页面特性，但是当我使用背景图像时会得到不理想的结果，但是为了这个问题，我已经删除了所有的代码。
//html
<di
浏览 3提问于2014-06-20得票数 2
回答已采纳
我需要一个滚动视图在背景图像的顶部。我找到了一些建议来使用a，使图像成为第一个元素。我最后得到的是：
<ContentPage>
<ContentPage.Content>
<RelativeLayout Padding="0">
<Image Aspect="AspectFill" Source="Background" />
<ScrollView>
<!-- Various
浏览 1提问于2020-07-31得票数 0
回答已采纳
当文本不是垂直的时候，如何让UITextView滚动？
喜欢
+--------------+
/ Text /
/ Here /
/ Is /
/ Not /
/ Vertical /
+--------------+
其中线条的起点与边框(背景)图像的角度相同。
或者我们可以使用UITextView之外的其他元素，如果它可以解决问题的话。
仅在垂直方向上滚动，
背景图像是固定的，
不能，可见部分只是适合形状的部分，其他部分隐藏
屏幕被私有许可证覆盖，我无法发布它。
浏览 3提问于2011-11-01得票数 2
回答已采纳
我是css的初学者，想在背景上设置一个图像。我正在尝试设置图像高度适合屏幕，而不裁剪图像。我只是想让滚动条消失。以下是代码
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style>
.bgimage {
background-position: center center;
marg
浏览 0提问于2019-03-12得票数 1
1回答
我有两张背景图片。我希望他们被固定在屏幕底部或在页面底部，如果页面上的信息太多。我只能编写其中一种情况的代码-背景-图像固定在屏幕底部或页面底部(body{})。
body {
line-height: 1;
background-attachment:scroll;
background-image:url(images/fonskreisapuse.png), url(images/fonslabapuse.png);
background-repeat:no-repeat;
background-position:bottom left, bott
浏览 0提问于2013-03-22得票数 1
回答已采纳
我的网站主页有一个横幅图像实现了这个CSS。使用媒体查询，背景图像设置为在较小的屏幕上滚动：
#banner {
background: url("../images/banner1.jpg") no-repeat fixed left 13em / 100% auto rgba(0, 0, 0, 0);
height: 47em;
overflow: hidden;
width: 100%;
}
/* Mobile */
@media screen and (max-width: 767px) {
#banner {
height:
浏览 2提问于2014-05-04得票数 0
回答已采纳
2回答
好了，这是我的第一个html/css/javascript网站。我不知道到底出了什么问题。我使用css使背景图像合适，然后尝试添加一个图像链接，使用
<div id="project_button" style="position:relative; top: 1000px; left: 1000px" >
结果是水平滚动条上的滚动空间为1000像素。当我尝试使用编辑位置时，也会出现类似的结果
margin-left:1000px
margin-top: 1000px
除了有额外空间的垂直滚动条。
<html&g
浏览 3提问于2012-08-27得票数 0
回答已采纳
我有一个div#main，它有一个带有渐晕效果的背景图像。
我想把这个完整的图像保持在页面的中心，但我想让一个图形从屏幕的最左边平铺到这个图像，另一个图形从图像的右侧平铺到屏幕的最右边。我不关心平铺veI意识到我可能会要求设计师让图像的左右边缘具有相同的颜色和纹理，以便我可以在背景中放置相同的纹理颜色，但我正在尝试是否可以按原样解决它。
所以我假设我需要设计师创建两个独立的图形。一个是与图像的左边缘很好地平铺和混合的图形，另一个是与图像的右边缘很好地平铺和混合的图形。
我如何设置我的div和css，让左边的平铺区域知道从屏幕的最左边开始，在图像的左边停止，也让右边的平铺区域知道从图像
浏览 1提问于2011-12-12得票数 1
回答已采纳
下面的css在两个div上设置一个单独的背景；如果图像不适合div大小，则会重复它们自己。
如何使用css扩展图像以适应div所需的空间？
<style type="text/css">
#contentMain {
margin-bottom: 5%;
margin-top: 10%;
margin-left: 10%;
margin-right: 10%;
background: url( /jQuery/mypage/img/background1.png )
}
#page1 {
background: url
浏览 8提问于2011-05-17得票数 89
回答已采纳
3回答
我正在写一个ipad应用程序，我已经将它的方向锁定为横向模式。我想要一个100像素高的PNG文件，但宽度是ipad屏幕的4倍。
我想要的是这个背景图像显示在屏幕上，然后自动开始滚动计时器。我已经确定这张图片的开头和结尾部分是匹配的。一旦到达图像的结尾，我希望开始位再次显示。这个图像应该以一个像素的移动或更大的跳跃来滚动，如果太慢的话。
我真的卡住了，寻找一些示例代码，以显示如何做到这一点。
这不是我正在写的游戏，所以我不想使用OpenGL或任何花哨的东西。
到目前为止，我所查看的示例并不完全是我想要的。
我能不能简明扼要地说出我被困在什么地方..
假设我将一个宽1000像素、高100像素的图像
浏览 0提问于2010-11-16得票数 0
2回答
我正在尝试弄清楚如何用背景图像填充浏览器窗口，并在用户调整浏览器窗口屏幕时具有图像比例。
此外，我想让背景图像在3到5个不同的图像之间旋转。
下面是我所追求的一个例子：
浏览 1提问于2011-03-31得票数 1
6回答
Div应填高
、、、
我的页面是这样的
<div id="wrapper">
<div id="header"></div>
<div id="main"></div>
</div>
标头有固定的高度。
主div有一个背景图像。
我希望显示主div来填充整个屏幕，这样图像就会显示在最下面。
所以我做了：
div#main {
background-repeat: repeat-x;
background-position: left bottom;
back
浏览 5提问于2013-01-17得票数 0
回答已采纳
在读了很多关于这个主题的文章之后，我仍然对如何解决这个问题一无所知。为了澄清这个问题，我想让日历与相关的输入控件一起滚动，而不是固定在任何屏幕位置。这是没有滚动的图片：(这也是我想在滚动中保留的内容)
这是滚动时的图像：(这不是我想要的)
任何建议都将不胜感激。更新:这是一个很好地描述了这个问题的，我想让日历在滚动时保持在控件上。
浏览 1提问于2012-05-17得票数 8
回答已采纳
1回答
我想添加一个背景图像到文本区，随着内容滚动。我是专门为移动Safari编写HTML/JavaScript/CSS的。
我尝试了各种方法，但似乎都不起作用。我试着将文本区放在图像的顶部，然后每当滚动文本区时滚动背景图像。当我输入文本时，它或多或少可以正常工作，但原生滚动条(我不想摆脱它)让它在移动Safari上看起来一团糟。
我尝试使用contentEditable div容器，但似乎也抛出了问题(同样是滚动)。
有没有可能有一个原生滚动的文本区域和一个滚动的背景图像？
浏览 2提问于2012-08-01得票数 3
回答已采纳
1回答
我刚接触bootstrap和CSS，特别是像carousel这样的东西，到目前为止，这是我的代码
<div class="container">
<div class="row">
<div class="carousel-item <%# Eval("Aclass") %>">
<img class=&
浏览 0提问于2021-01-07得票数 0
1回答
固定卷轴上的对象路径
、、、
我想做一个网站，当它被加载时，在屏幕中央有一个微型汽车的俯视图。汽车在一条小路上，当你滚动汽车时，汽车将绕过这些曲线。现在我真正能做的就是用CSS在屏幕中间给车一个固定的位置，然后把道路图像设置为背景。现在的道路必须是笔直的，因为我不知道在哪里或者如何让它转向这些道路。我该从哪里开始呢？
浏览 2提问于2013-05-18得票数 0
回答已采纳
2回答
我有一个PSD设计充满了渐变(上-下-左-右)，我必须使用CSS 2，所以我必须完全削减背景的一大部分。但是有些图片太宽了(1920px)，我不想要滚动条。有没有办法让图像适合屏幕？
提前谢谢。
浏览 0提问于2012-03-06得票数 0
1回答
滚动背景图像
、、、
我试图得到一个滚动的背景图像，为我正在开发的游戏工作。上面的代码对Mac上的Safari很好，但是它不能在iPad上工作。我的猜测是，backgroundY导致了一个负数，这反过来给我带来了一个错误"INDEX_SIZE_ERR: DOM异常1“。
backgroundY += 5;
if (backgroundY >= 3834) backgroundY = 0;
bg.drawImage(backgroundImg, 0, -backgroundY, 960, 4930);
对于如何轻松滚动将在iPad上工作的背景图像，有什么想法吗？理想情况下，我希望实例图像，并让它滚动ja
浏览 2提问于2011-03-14得票数 0
3回答
我在一开始就承认我对UI开发很陌生，最近我开始学习。我正在开发一个类似于的网站。当我使用视图源代码查看源代码时，我完全迷失了方向。特别是我想知道
主页上的滑块图像是如何响应的？是通过javascript还是使用纯css。
另外，我想知道文字向上滚动，留下了完整的背景图像？如何达到同样的效果。
我知道这可能是最基本的问题，但我发现很难通过源代码了解，因为有许多javascript和css文件。
你好，普拉迪普
浏览 6提问于2014-07-17得票数 0
回答已采纳
2回答
全。我正在尝试将一个图像设置为div容器内的背景，该容器将始终具有设备屏幕的尺寸。为此，我提供了如下css
.outer {
height: 100vh;
background-image: url(demo_top.jpg);
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: cent
浏览 0提问于2017-10-30得票数 0
1回答
我的目标是创建一个页面，其中在屏幕的左侧有一个图像，在右侧有一个白色文本区。如果文本区域对于屏幕来说太长，则只应滚动该区域。我已经对此进行了一些研究，但找不到任何关于如何做到这一点的例子。 我用CSS grid尝试了一些不同的东西，但似乎不太好用：https://codepen.io/aysong/pen/JjXoebx?editors=1100 这样做的问题似乎是列的高度取决于 p class=item2 我也试着只使用CSS和摆弄背景大小。但是如果不设置高度(例如下面的值)，图像就不会出现。 height:1000px; https://codepen.io/aysong/pen/poy
浏览 15提问于2020-08-08得票数 0
回答已采纳
2回答
我真的没有什么可展示的，但我会试着解释。 我使用HTML和CSS，我有一个月亮大小的背景图像。(3840x18509像素)。如何在页面上添加此背景，使其自动缩放到屏幕上，并使其可滚动？我的意思是，我希望能够一直滚动到长图片的底部。当我设置高度:18509px时，图像变得比它应该的宽度更宽，这样它就会从侧面剪掉。 我想要的网站，如原始图片一样宽，和原来的图片一样高。我希望以适合屏幕宽度的方式显示整个图片，但必须向下滚动才能到达底部。提前谢谢。 body, html {
margin: 0;
padding: 0;
border: 0;
backg
浏览 84提问于2021-09-19得票数 0
回答已采纳
2回答
我以前从来没有处理过这样的网站，但这是我试图实现的……
我有一个大图像(1000px x 1000px)，我想使用它作为背景图像。内容本身只占500px x 500px左右，并且需要始终处于与背景图像相同的位置。
这很难描述，所以我将画一张图：
这本身看起来不是很难，但是如果浏览器比我的11英寸屏幕大呢?如果浏览器对背景图像来说太大了，我想要一个简单的颜色来显示。
我看到的另一个问题是让它始终居中，只有当浏览器窗口比内容框小的时候，滚动条才不会出现。
我很乐意澄清更多，因为我很难用语言来表达我试图实现的目标。
浏览 0提问于2012-03-04得票数 2
回答已采纳
2回答
我正在使用在上滚动“背景”图像(实际上不是css背景图像)。
是否有可能保持图像的纵横比，即不挤压图像，并且仍然可以在所有现代浏览器中工作？
我尝试设置bgHeight : 'auto'，它将图像css设置为height:auto，但这会阻止滚动效果在Chrome和Safari中工作。
我也试过设置bgWidth : 'auto'，但图像比浏览器窗口窄。
也对其他插件或实现这种效果的方式开放，即让背景图像以不同于页面内容的速度滚动，也可以显示整个图像，但不滚动过去……
提前感谢您的帮助！
浏览 0提问于2012-06-22得票数 1
回答已采纳
1回答
我想有一个背景图像背后的UIScrollView区域。这部分很简单。我遇到的问题是我不想让图像移动。我想让它充满屏幕，然后滚动就会在屏幕上发生，而不会影响图像。
我看了很多其他类似主题的帖子，但似乎什么都不能奏效。
当我执行以下操作时，背景滚动：
CGRect fullScreenRect = [[UIScreen mainScreen] applicationFrame];
UISCrollView *scrollView = [[UIScrollView alloc] initWithFrame:fullScreenRect];
scrollView.backgroundColor = [
浏览 2提问于2012-05-31得票数 6
回答已采纳
7回答
这个CSS获取我的背景来填充iOS中100%的屏幕高度，但是有一个小问题--当您向下滚动时，首先有空白，然后当您松开手指并停止滚动背景图像时，“调整”并再次填充100%的屏幕高度。如果你第一次继续滚动，这个问题不会再次出现在同一个页面上。有人能帮忙吗？谢谢
#background {
background: url(../img/background.jpg) center repeat-x;
position: fixed;
background-size: auto 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-
浏览 11提问于2014-03-30得票数 2
回答已采纳
我有一个流畅的布局，但我不确定如何让背景与内容的行为方式相同。我有一个使用scroll-y css调用创建的图像。在全屏上，它看起来很棒，并创建了一个有边框的白色方框，所有主要内容都进入其中，并直接位于页面的中间。然而，当我调整我的窗口大小时，背景图像停留在相同的位置，因为我所有的内容都被移动以适应窗口的大小。有没有办法让背景scroll-y图像像contenyt的其余部分一样以流畅的方式移动？
浏览 0提问于2010-05-31得票数 0
1回答
我正在尝试制作一个“背景”图像，它既能缩放以充满整个屏幕，又是固定的(即不会与其他内容一起滚动)。
我从尝试使用真实的背景图像开始：
background: url(http://i.imgur.com/DJaWd.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
但是您可能知道，使用这种技术可以在iOS设备上滚动图像。因此，我使用CSS和div尝试
浏览 0提问于2013-06-10得票数 1
2回答
我有高度=1000 to的UITableView，我需要设置可滚动的背景。我知道如何为tableview设置背景图像，但在这种情况下，该背景图像将不可滚动。
现在，唯一的方法是: 1)创建具有适当高度的滚动视图(大约1000 px)，并为该滚动视图设置背景图像。然后将UITableView的框架设置为滚动视图的边界(并禁用UITableView滚动)。
但是我的想法很糟糕，因为我有很多细胞，上面有很多图像，在我的方法中，所有的细胞都会留在记忆中。
怎样在表视图中实现可滚动的背景是最好的方法？
P.S.
我有未知高度的tableview头(取决于服务器的响应)
浏览 2提问于2013-06-17得票数 0
我希望背景图像在整个页面的高度和宽度上重复。如果我有足够的内容，你需要滚动，然后背景重复整个页面的结尾，没有留下任何空白。但是，如果没有太多的内容，背景就会停止在内容下面重复，而将页面的其余部分保留为空白。
CSS:
body {
background: url("https://via.placeholder.com/100.jpg");
background-size: 100px 100px;
background-repeat: repeat;
background-position: top;
}
我在用Bulma CSS。背景-重复停止了三个
浏览 1提问于2022-02-24得票数 1
2回答
自动扩展背景图像
、、、
我正在尝试使用一张图片作为我的背景。页面内容的高度为800px。因此，在较高的屏幕上，你应该能够看到内容后面的背景图像块，而在较短的屏幕上，它可能完全适合，这样内容就会在屏幕底部结束，下面几乎没有背景图像。
我想让背景图像自动延伸，这样无论屏幕的大小是多少，它都会填满整个屏幕。我尝试了几个方法，比如将img.extfullbackground的高度设置为自动，但是滚动区域变得很小(比如3000px)，100%只显示内容的大小。
有人知道我如何让背景图像自动扩展到屏幕的大小吗？
下面是我的HTML代码片段：
</head>
<body class="extfullba
浏览 0提问于2013-06-03得票数 1
回答已采纳
1回答
嗨，我正在建设一个网站，我有一个图像，我想作为该网站的一部分背景图像使用。当您滚动图像时，会滚动图像。我只是想在我的CSS中调整图像的大小，以适应屏幕的一部分…有人能帮我吗？它比表面上看起来更具挑战性。
#stat, #newsletter
{
background: url('../img/worklogo.png') center bottom no-repeat;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-backgr
浏览 2提问于2014-08-06得票数 0
我的背景图像有问题。在附加的图像中，您可以在屏幕底部看到一条1px的线，其中背景重复出现。我想让背景布满整个屏幕。
我的CSS：
body {
background: url(../img/bg-large.png) top center !important;
background-attachment: fixed;
background-size: auto 100% !important;
overflow: hidden;
text-shadow: none;
padding: 0;
font-family: 'Open
浏览 0提问于2013-07-08得票数 2
回答已采纳
2回答
我试图在我的站点的父容器(不是全身)中垂直拉伸一个图像，它是id为"imagen-fondo“的div
我已经尝试过backstretch插件和css background-image with background-size。
但在这两种情况下的问题是，计算出的父容器高度小于直接的子容器高度，因此，背景图像看起来比内容本身更小。
我怎样才能让它和他的直系孩子一样高，或者至少更高呢？
你可以在这里看到现场演示：
http://50.21.181.12:3001/plantillas/mba
更新：
我认为问题是div#imagen-fondo得到的是窗口的高度，而不
浏览 3提问于2012-11-15得票数 0
回答已采纳
1回答
我正在建立一个网站使用HTML/CSS/Bootstrap/Js。现在，我想使用z-index在一个容器上叠加一个巨型加速器和背景图像。 但由于某些原因，我用作背景图像的图像不断被裁剪，只显示上半部分。 我尝试过更改height属性，但问题是我希望它具有响应性。 HTML代码： <div class="container-fluid mt-5" >
<div class="row imagez" >
<div class="col-12 px-0 mt-5 mb-5">
浏览 18提问于2019-09-10得票数 1
回答已采纳
我试图得到一个div从100%的不透明度到0%的不透明度在滚动。
我制作了这个，它在网络浏览器中运行得很好，正如我所希望的那样。它也适用于移动浏览器，但有一个可怕的缺点。
var divs = $('.cover_image');
$(window).on('scroll', function() {
var st = $(this).scrollTop();
divs.css({
'opacity': (1 - st / 40)
});
});
(在小提琴中发生的事情是，上面的div会变得不透明:0当你滚动时，在它下面显示另
浏览 1提问于2016-01-05得票数 0
回答已采纳
我注意到现在互联网上的许多版面都有这个错误。
访问该网站。
调整浏览器的大小，以便您必须水平滚动。
向右滚动时，背景图像将被剪裁。
有没有人知道一些css技巧，可以在缩小浏览器时将背景去掉？
浏览 3提问于2011-01-16得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
