Как применить цвет градиента в CSS? - PullRequest
Новая
       20

Как применить цвет градиента в CSS?

3 голосов
/ 15 июня 2010

Я хочу использовать градиентный цвет в качестве фона моей страницы. Как применить CSS для получения градиентного фона?

Ответы [ 3 ]

9 голосов
/ 15 июня 2010
2 голосов
/ 15 июня 2010

CSS 3 поддерживает градиенты , но это поддерживается не всеми браузерами (например, IE6).

Но вы могли бы сделать это, что, я думаю, очень похоже на предыдущий ответ: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
    body {
        padding:0px;
        margin:0px;
    }
    div#bg {
        background: url(http://www.khiba.com/PSP/FALL01/Testgrad.jpg) repeat-x;
        height:600px;
    }
</style>
</head>

<body>
<div id="bg">
</div>
</body>
</html>
0 голосов
/ 15 июня 2010

Если вы хотите, чтобы ваш сайт был совместим со всеми браузерами, вы можете использовать это: 

background-image: url(someurl.gif);
background-repeat: repeat-x;

изображение someurl.gif должно содержать желаемый градиент. Имейте это как очень маленькую часть изображения, и вы можете расширить это с repeat-x или repeat-y. что вы предпочитаете.

...