我们如何在css xhtml代码中实现PSD的对角梯度？

首先，我想告诉你们，我不是设计师，也不是css/xhtml编码器。我为我的一个朋友问这个问题，他在一个有对角线梯度的网站上工作，这基本上意味着梯度在X和Y方向上，因此，他在对图像进行切片时遇到了问题，这样他就可以在背景中填充切片图像，从而保持X和Y两个方向的梯度

所以，这就像，若梯度仅在X方向，那个么我们通常会切片一个垂直的1px宽度的图像。类似地，若梯度仅在Y方向，那个么我们通常将水平1px高度的图像切片。但是如果梯度同时在X和Y方向呢？在这种情况下，我们将如何分割图像，或者如何在CSS/XHTML中实现它

非常感谢

---

Pukhraj

简单。一点也不要拼接它。您可以简单地将背景图像作为一个整体，并在body标记中使用CSS的background指令。我能看到的唯一问题是渐变图像的宽度。例如，如果它是1024像素宽的，而客户端的速度是1920像素，他们会看到很多白色。如果不知道谁是你的监视器和你的布局，回答有点困难。

简单。一点也不要拼接它。您可以简单地将背景图像作为一个整体，并在body标记中使用CSS的background指令。我能看到的唯一问题是渐变图像的宽度。例如，如果它是1024像素宽的，而客户端的速度是1920像素，他们会看到很多白色。如果不知道谁是你的监视器人口统计学和你的布局，这有点难回答。

< P>你的朋友应该考虑用CSS来做这件事，只要他/她没问题，只在现代、非IE浏览器中工作。

例如：

或者您可以使用背景大小：

例如：

---

你的朋友应该考虑用CSS做这件事，只要他/她没问题，只在现代的非IE浏览器中工作。

例如：

或者您可以使用背景大小：

例如：

---

你能代表你的朋友接受这个问题的答案吗？你能代表你的朋友接受这个问题的答案吗。

html, body {
    font: bold 20px Helvetica, Arial, sans-serif;
    height: 100%;
}
body {
    background: white -moz-linear-gradient(135deg, black, white) fixed;
    background: white -webkit-gradient(linear, left top, right bottom, from(white), to(black)) fixed;
}

body {
    background: white url('http://dropbox.smallparade.com/grad.jpg') no-repeat fixed;
    -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%;
}