背景渐变会对窗口大小做出反应,但不应该

时间:2014-07-25 09:50:35

标签: html css

我做了背景:

background-image: radial-gradient(ellipse at center, rgb(107, 134, 145) 0%, rgb(43, 57, 67) 100%);

背景中心会对窗口的大小做出反应。它始终位于可见窗口的中心。我希望背景的中心位于全屏的中心,然后无论窗户的高度如何都保持固定?

以某种方式修正了它:

修正了:

background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-  stop(0%,#eee), color-stop(100%,#999));

background: -webkit-radial-gradient(center, ellipse cover,  #eee 0%,#999 100%);

而不是背景图像只是背景才有效。尽管调整大小,但渐变效果的中心仍处于中间位置。

0 个答案:

没有答案