CSS 径向渐变
我在 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
将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)