如何使用CSS添加延伸网页宽度的背景图像？

文章/答案/技术大牛

发布

1回答

html、css、image、codepen

我的意思是，如何将图像拉伸到网页的宽度，但只占页面的33% (不失真)。我想用3种不同的背景图片来填充我的网页。我的问题是，我是否需要预先编辑图像到一定的长度和宽度，这样它们看起来就不会失真？我正在学习freecodecamp，并试图创建一个具有三个部分的投资组合，每个图像用作该特定部分的<

浏览 15提问于2018-03-02得票数 0

回答已采纳

4回答

删除HTML图像中的空白

javascript、jquery、css、html

我有一个图像，我想采取的网页的背景。我想让它在屏幕的宽度和高度上伸展，并保持那个大小。当我使用<img>标签时，我不知道如何在没有白条的情况下将它延伸到屏幕上。HTML5中不推荐使用wspace和hspace，因此它们不起作用。此外，我还尝试将其实现为CSS样式，但稍后我需要使用jQuery淡出整个页面，而使用bac

浏览 1提问于2016-03-27得票数 1

1回答

响应背景图像适合宽度和高度/不覆盖

css、background-image

我有一个装有height: 100vh;的容器。这个控制器有一个背景图像。我想要背景反应和适合整个div。使用background-size: cover并不能使它看起来很好。我怎样才能做到这一点？

浏览 4提问于2015-10-12得票数 1

4回答

CSS:将背景图像拉伸到屏幕的100%宽度和高度？

html、css、background-image

我有一幅叫myImage.jpg的图片。这是我的CSS： background-image:url("..myImage.jpg"); background-size: 100% 100%;出于某种原因，当我这样做时，myImage的宽度会扩展到整个屏幕，但是高度只会延伸到页面上其他所有内容的高度。所以如果我把一堆在我<em

浏览 11提问于2014-04-05得票数 84

回答已采纳

1回答

如何扩展背景以缩放整个页面[HTML]

html

好的，我试着让我的背景图像延伸到整个屏幕的宽度，和它下面的白色背景一样。谁能告诉我实现这一点的最简单方法？这是我的网站：下面是CSS：我基本上只想让蓝色背景延伸到整个页面，下面的白色背景也会随之延伸。谢谢!

浏览 1提问于2012-03-11得票数 0

1回答

如何使Materialize CSS框架(sass版本)仅在大屏幕上不响应

css、responsive-design、media-queries、materialize、responsive

我正在使用Materialize CSS SASS版本来建立一个网站。我想让它只对大屏幕无响应(中/平板电脑视图以上的任何东西)，但我想让它对中小屏幕保持响应。我该怎么做呢？特斯拉网站就是这样做的一个例子： // 12.

浏览 1提问于2018-03-31得票数 0

1回答

全宽背景响应网站

html、css、responsive-design

我遇到了一个问题，我不太清楚如何解决使用css。在响应性网页上，我在每个页面上都有一个全宽度的背景，通过以下css加载到带有类(bg)的div中： position:fixed; z-index:-999webkit-background-size: cover; -o-background-size: cover;

浏览 0提问于2013-04-11得票数 1

2回答

基于比例的jQuery获取背景图像高度和变换父级

javascript、jquery、html、css

我对每个项目都有一个背景图像；在本例中，图像大小为580x374。我遇到的问题是获取元素的宽度，获取背景大小，计算出背景图像大

浏览 0提问于2017-04-01得票数 0

回答已采纳

3回答

如何在网页中添加背景图像

html、styles、head

我们将使用哪个标记来添加背景图像，以及如何重新设置它的大小、全长我尝试使用样式标签在html的头部部分，背景-图像:url；

浏览 14提问于2022-12-04得票数 -1

3回答

为什么Firebug在检查元素CSS时会添加-moz-*样式？

css、firebug

每当我在Firebug中检查页面元素时，我总是看到它添加了样式，例如...等等，添加到样式框中。它为什么要这样做？

浏览 1提问于2009-08-10得票数 7

回答已采纳

1回答

网站背景-水平重复，垂直缩放

jquery、css、background-image

目前，我正在一个网站工作，我有一个不寻常的任务。我需要设置一个图片作为网站的背景，该图像应该在水平方向重复自己，但在垂直方向的缩放。我认为只使用CSS是不可能的，但是使用jQuery可能是可能的吗？谢谢你的回答！

浏览 1提问于2013-10-05得票数 1

回答已采纳

2回答

在响应式布局中绝对定位背景

css、css-position、responsive-design

我正在设计一个响应式布局，并使用以下CSS在背景上放置了一个粗糙的png覆盖： background:url(images/top1.png) no-repeat; width:1423px; top:0; margin-left: -711px;这样，无论页面宽度如何，图像始终居中。当浏览器窗口的<

浏览 1提问于2011-12-04得票数 2

回答已采纳

2回答

用jQuery调整窗口大小的背景大小

javascript、jquery、html、css、resize

我试图调整我的网站的背景图像大小，以适应当前窗口使用jQuery的任何宽度和高度。目前我正在做这个 { 这会导致背景完全不显示。如果我省略了100%中<em

浏览 4提问于2014-03-31得票数 0

回答已采纳

4回答

修正了窗口的长度

html、css

我对HTML/CSS非常陌生。我正在为我工作的警长办公室建立一个网站，并且有一个问题。我使用百分比，认为这会使左div总是<e

浏览 1提问于2014-05-06得票数 0

回答已采纳

1回答

在图像加载之前添加css类

javascript、jquery、image、load

我有带背景图像的容器。现在，我在document.ready上添加类(新建)，使用JQuery重载另一个类(基本)的css规则。在Load上，图像首先以类库的css出现，然后按照类New显示。问题:我可以看到图像何时延伸到屏幕上。

浏览 4提问于2014-02-21得票数 1

1回答

将背景图像扩展到整个页面...而不会滚动导致其中断

html、css

我对web开发相当陌生，但在设计一些新的页眉/页脚时，我才意识到一些东西。当您将它们包装在具有延伸到整个页面的背景图像/颜色的容器中时，然后将网页窗口缩小到比预期宽度小，然后滚动以查看在较小窗口中看不到的内容时，背景图像容器不再足够大(因为它会自动调整到窗口的宽度，即使其中的内容溢出)，并且您看到的是空白而不是背景</

浏览 0提问于2011-08-25得票数 1

1回答

CSS不是我的优点之一！如果我有一个重复的顶部，左，下，右和角图形，我试图找到一个教程或东西，这将给我一个预先制作的div和css安排。我觉得我离得够近了，但后来有东西坏了。我不想使用新的css3实现。编辑: SOrry是因为不清楚。我只想用图像作为边框。我有一个图解，顶部，右上，左下角，右下角，重复左，右，上和下的图形。我认为HTML表是不受欢迎的，所以我避开了它们，但仍然存在正确对齐边框<em

浏览 3提问于2010-01-23得票数 0

5回答

是否使用复选框更改背景图像宽度？

javascript、html、css

我有一个简单的Chrome扩展，注入一些html到游戏网页，让用户自定义网页的背景图像。它使用setlocalstorage存储图像的URL，这样当他们返回游戏时，自定义背景图像仍然在那里。我已经包含了一些CSS，它们强制图像适合浏览器窗口的宽度。这让大多数用户满意，但也有少数用户要求我允许他们关闭宽度匹配功能

浏览 0提问于2013-06-05得票数 0

3回答

用图片覆盖整个模式

javascript、html、css、modal-dialog、materialize

我正在使用Materialize CSS。我有一个模式，我想要设置一个图像的整个背景(所以当它打开它看起来就像是一个很好的，大的图像与网页的背景模糊)。问题是，当我这样做时，如果模式比它大，图像就会重复。我想要的图像只是延伸到整个模式。我的模式： <div id="imageModal&

浏览 0提问于2016-06-30得票数 0

3回答

这个css代码片段的功能是什么？

css

moz-background-clip:border;-moz-background-origin:padding; 无论是添加还是删除此代码段

浏览 11提问于2009-08-10得票数 0

点击加载更多