背景渐变不是采用整个页面长度，而是重复

文章/答案/技术大牛

发布

3回答

html、css、css-float、gradient

第一个问题是我的背景梯度没有占据整个页面的长度。相反，它正在重复。第二个问题是我的aside元素没有占据整个页面的高度。

浏览 12提问于2016-07-24得票数 0

4回答

css背景渐变

css

我知道大多数背景渐变是通过创建一个1像素宽，1000像素高的图像，并沿着x轴重复该图像来实现的。如果页面高度超过1000像素，会发生什么情况？有没有一个背景渐变可以处理任何长度的页面？

浏览 2提问于2011-06-25得票数 1

回答已采纳

3回答

带有css的固定梯度背景

css、background、gradient

我希望我的网页有一个渐变背景从上到下流动。我希望背景像一个固定的图像，因为渐变从当前浏览器视图的顶部延伸到底部，看起来与页面上下滚动相同。换句话说，当你滚动时，它不会重复。它一直固定在原地。所以我想要的是：在滚动到底部后，你会看到注意，页面底部的梯度与顶部的梯度完全相同。从全黄色变成全红色。实际上，我能做的最好的就是让梯度跨越页面的整个内容，而不仅仅是可视的部分，如下所示：底部是这样的：请注意，

浏览 6提问于2013-08-07得票数 44

回答已采纳

1回答

渐变叠加

css

我需要给body标记提供背景gradient+overlay。gradient+overlay图像看起来就像附件一样。问题是我想在整个页面中很好地重复这一点。如果我把这个放在背景中，然后说重复，那么渐变覆盖不work.Bsically我想要渐变颜色平滑地流过整个页面，并且覆盖在背景上。你知道如何用css/css3做类似的事情吗？

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

回答已采纳

2回答

未覆盖整个页面的html中的线性梯度

html、css

我有一个简单的HTML页面。我想使页面渐变的背景。我写了以下代码，但浏览器(chrome)不是创建从页面顶部到页面底部的从黑到白的单一渐变，而是创建多个小的重复渐变图案。我做错了什么？ <!

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

1回答

CSS径向渐变

css、radial-gradients

我遇到了一些CSS径向渐变的问题。在Opera中，渐变背景根本不显示。我想要做的是，我们可以看到屏幕中间顶部的白色圆圈，它将变成每个方向的#e6e6e6背景，

浏览 2提问于2011-10-31得票数 0

回答已采纳

2回答

如何在整个页面中重复一个小的背景图像？

html、css、repeat

我想设置页面背景图像我的css代码是-但是图像大小没有网页那么大，只有一个薄条和渐变颜色的too.so，我怎么才能重复图像，使它将占据整个背景?正如我所说的它是渐变的，所以我不能硬核背景颜色。

浏览 0提问于2010-06-21得票数 1

回答已采纳

5回答

如何使用CSS显示此背景？

html、css

当我在css中做背景时，我通常只是使用从顶部开始的渐变背景，然后最终结束一个坚实的颜色。因此，我将梯度的一层薄切片，重复-x，然后将背景设置为特定的颜色。我有以下几点：关于我将如何实现这一点的想法？我不能只是切片和重复，因为

浏览 3提问于2009-11-12得票数 1

回答已采纳

1回答

背景颜色并不总是显示出来

css、background-color

我已经为我的页面设置了以下css。当页面加载时，背景颜色并不总是生效。在颜色生效之前，我必须刷新我的页面一次或两次。有人知道为什么吗？背景图像不像整个页面那么高，它是一个渐变。所以我采用渐变的底部像素颜色，并使用它作为页面的bg颜色。

浏览 1提问于2009-10-01得票数 0

回答已采纳

2回答

页脚背景图像-整个页面宽度？

css、background-image

我有一个图像，我想要用作我的页脚的背景图像。它是一种渐变图像，因此图像将是白色的，图像将从其颜色褪色为白色。不过，这并不是一个真正的可重复图像。如果我想让它总是覆盖整个页面的宽度，是否可以在没有背景的情况下重复？或者，由于显示器大小不同，这是不可能的吗？我想要的背景图像应该只在页面的页脚。它仍然可以是背景(位于底部-中心)，但它不能占据整个高度，只有宽度。并且它需要能够被推下(<

浏览 2提问于2011-12-08得票数 0

2回答

如何在IE10中使用CSS线性渐变？

css、internet-explorer-10、linear-gradients

在IE10中，我尝试创建一个从页面顶部到页面底部的CSS线性渐变。这是我到目前为止所拥有的} color:red;但它看起来不是我想要的样子这最终得到了高度约为100px的线性梯度，然后不断向下重复。如下图所示：有人知道哪里出了问题吗？

浏览 0提问于2013-04-24得票数 3

回答已采纳

1回答

这有一个从左到右的渐变，褪色为白色。我使用页面顶部的图像。为了在页面上提供相同的渐变，我从这张图片的底部取了一两个像素宽的部分，然后重复我的页面。这个效果很好，在我的屏幕上给了我正确的渐变。在firefox中，标题图像的底部和重复背景渐变的顶部之间没有中断--这与预期不谋而合。颜色匹配，因此它们应该看起来是连续的。但是，在IE7中，顶部图像看起来比背景的其余部分稍微亮一些。我最初认为这是因为我认为

浏览 0提问于2011-12-17得票数 0

回答已采纳

2回答

在firefox中css渐变不是静态的

css、ajax、background、gradient

我有一个使用ajax的页面的渐变背景(调用后变得相当长)。在IE (版本9)中，当我向下滚动时，渐变背景保持不变，然而在Firefox (版本6)中，对于一个正常的页面长度，渐变是正确的，但当我向下滚动时，背景渐变会重复。这是我关于渐变的css： background-color: #8c827a; margin:

浏览 0提问于2011-09-17得票数 4

回答已采纳

2回答

覆盖整个页面的CSS背景渐变

css

我试图让我的背景渐变覆盖整个页面(至少目前在Firefox中是这样)：background: -moz-radial-gradient(60% 40%, closest-corner, purple我的渐变会重复。

浏览 2提问于2013-09-13得票数 0

3回答

如何有背景梯度填充整个页面？

html、css、viewport、linear-gradients

我最近刚开始学习HTML/CSS，对于如何使这个线性梯度适合整个页面的背景，我感到很困惑。我四处打听，似乎找不到符合我具体情况的线索。目前，我已经设置了它，以便渐变填充整个视口，并使用浏览器窗口大小进行缩放。不过，我很想知道如何使渐变不跟随我在任何地方滚动我与视图端口，而是让整个渐变填充页面(通过视口，不锁定，或跟随我在任何地方滚动)。所以，如果你一直向右滚动，你会看到梯度的“最右边”区域是什么，而不仅仅是

浏览 0提问于2018-09-30得票数 1

回答已采纳

2回答

CSS:带有渐变“重叠”的背景图像

html、css、gradient、radial-gradients

首先，我想要做的是：我希望渐变“覆盖”覆盖整个页面，而不是每一次图像的重复。我尝试了许多不同的方法在背景图像上放置梯度，有些方法有效，但没有我想要的结果。唯一工作的人将梯度放置在图像上，每

浏览 4提问于2015-06-13得票数 2

5回答

CSS -背景附件的用法

css

我已经阅读了CSS背景附件的手册，但从来没有真正的想法。然而，今天我得到了如下教训： background: url(..height: 374px; border: none;上面的代码不会帮助我显示背景图像如果我将背景附件从fix更改为scroll，则可以显示图片。图像的尺寸为557x374。我不知道为什么<em

浏览 0提问于2010-09-06得票数 3

2回答

浏览器是否通过CSS或图像更快地呈现渐变？

css

我将写一个相当图形密集的网站，整个页面的背景将包含一个多停止线性梯度。我的问题是，如果页面的背景使用CSS3创建渐变，浏览器是否能够更快地呈现它(以及其他动画)，或者如果我将渐变创建为png并使用background-size: cover;创建页面背景，则呈现速度更快。在这种情况下，我感兴趣的是绘制速度，而不是页面加载时间。我认为巴布亚新几内亚会更快，但不确定。

浏览 3提问于2012-02-20得票数 3

回答已采纳

1回答

背景图像是否重复整个页面的高度？

html、css

如何让背景图像重复整个页面的长度？我对正文应用了重复的背景图像，但在默认情况下，它只向下延伸到页面内容。如果我设置正文和html的高度为100%，没有边距和填充，那么背景会重复整个高度，但现在会出现滚动条。

浏览 2提问于2011-05-17得票数 0

回答已采纳

1回答

为什么背景-附件:固定使梯度出现在整个页面上？

html、css

一个问题还谈到了为什么背景在body和html标记上有特殊的行为。我的意思是，让我们以200 x 200 px图像作为背景。即使当我们滚动页面时，它仍然是固定的。(假设应用了background-attachment: fixed;属性)。但是当我们在主体标签上添加梯度作为背景时，它会延伸到整个页面。但是，当未指定background-attachment: fixed;时，它

浏览 2提问于2014-11-20得票数 1

回答已采纳

点击加载更多