CSS 径向渐变

发布于 2024-12-12 21:20:27 字数 335 浏览 1 评论 0原文

我在 CSS 径向渐变方面遇到了一些问题。

我的非常简单的原型可以在这里看到 http:// payment.hvan.lt/pt/。 在 Chrome/Safari/Firefox 中,背景渐变显示正确,但是,由于页面没有填充整个屏幕的内容,背景只是停止,屏幕的一半是白色的。如果我使用重复,那么圆圈也会重复,我会得到我不想要的东西。

在 Opera 中,渐变背景根本不显示。

我想要做的是,我们可以看到屏幕中间顶部的白色圆圈,无论有多少内容,它都会变成 #e6e6e6 背景并填充整个页面。

I have encountered a few problems with CSS radial gradients.

My very simple prototype can be seen here http://payment.hvan.lt/pt/.
In Chrome/Safari/Firefox background gradient is shown correctly, however, as page does not have content to fill the whole screen, background just stops and a half of the screen is white. If I use repeat, then the circle repeats too and I get what I don't want to.

In Opera the gradient background is not shown at all.

What I want to do is that we could see that white circle at the middle top of the screen that would turn to #e6e6e6 background to every direction and would fill all the page, no matter how much content there is.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

望她远 2024-12-19 21:20:27

将body和html标签的高度设置为100%,body背景将填充整个页面。 (适用于 Chrome,尚未尝试其他浏览器)

Set height of body and html tags to 100% and the body background will fill the whole page. (works in Chrome, haven't tried another browsers)

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文