关于使用css3的特定渐变的问题 [英] Question about a specific gradient with css3

问题描述

我不知道如何完全匹配这个问题，所以也许这就是为什么我找不到这个帮助。

我编写的网页，做了它的一部分的背景。它是一种双向梯度：水平和垂直在同一时间。我在这里附上图片，因为我不知道该如何解释。

对不起，如果它很明显，但我找不到任何类似的任何东西。谢谢！
下面的图片：

编辑：问题是，我可以使用CSS3这个背景吗？
谢谢！

解决方案

您能够将浏览器支持限制为支持多个背景的浏览器吗？

如果是这样，您可以创建两个渐变，以及一个边框来模拟。

Firefox ： http://pastehtml.com/view/b295elnso.html

您可以修改webkit和其他行以使其在其他浏览器中正常工作。我使用终极CSS渐变生成器来构建较低的渐变。

以下是多个背景支持的良好列表。

*（Edit2：添加了多个背景支持列表） p>

I am not sure how to exactly phrase this question so maybe that's why I can't find help with this.

I am coding a webpage and the designer has made a background for a part of it. It's sort of a two way gradient: both horizontal and vertical at the same time. I am attaching the image here because I'm not sure how to explain it.

I'm sorry if it's very obvious but I can't find anything resembling this anywhere. Thank you! Here's the image:

EDIT: The question is, can I make this background using just CSS3? Thanks!

解决方案

Are you able to limit browser support to browsers that support multiple backgrounds?

If so, you can create two gradients, along with a border, to simulate that.

Here's a version that only works in Firefox: http://pastehtml.com/view/b295elnso.html

You can modify the webkit and other lines to get it working in other browsers. I used the Ultimate CSS Gradient Generator to build the lower gradient.

Here's a good listing of multiple background support.

(Edit: I meant only works in Firefox, not IE. Doh!) *(Edit2: Added multiple background support listing)*

这篇关于关于使用css3的特定渐变的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！