Вопросы Теги

Как можно сделать фон градиента без изображений?

Как это. в целом я сделаю изображение 1 пкс шириной из этого, затем будет repeat-x.

но действительно ли возможно сделать тот же тип фона с CSS3, если да затем говорят мне, как tp делают то же из этого.

сопроводительный текст http://shup.com/Shup/367066/110519102044-My-Desktop.png

со всей совместимостью браузера IE 8, 7, 6, FF, Chrome, Safari, iPhone.

8
задан Aaron Harun 9 July 2010 в 23:34
поделиться

3 ответа

Практически все браузеры поддерживают градиенты. Вот необходимый вам CSS: 

.gradient{
    /* For any browser that can't create a gradient  */
    background-color: #EFEFEF;
    /*//mozilla*/
    background: -moz-linear-gradient(top, #efefef, #FFF);
    /* Chrome/Safari     */
    background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#FFF));
    /*IE 6/7 */ filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#EFEFEF',EndColorStr='#FFF');
    /*IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#EFEFEF, endColorstr=#FFF)";
}
9
ответ дан 5 December 2019 в 14:00
поделиться

Попробуйте некоторые из генераторов градиента CSS, которые вы можете найти с помощью поиска Google, например: http://gradients.glrzad.com/

или

http://www.designdetector.com/demos/css-gradients-demo-1.php

Также обратите внимание на Учебник по градиенту Webkit: http://webkit.org/blog/175/introduction-css-gradients/

И Firefox: http://hacks.mozilla.org/2009/11/css-gradients-firefox-36/

Теперь - это в виду: Это новый материал - CSS3, который еще не доработан. Браузеры поддерживают CSS3 на очень высоком уровне. Вы не получите кроссбраузерную поддержку для перечисленных вами браузеров. Последние версии Webkit (Safari, Google Chrome) и Firefox - ваши лучшие варианты. IE поддерживает фильтры. Однако Opera не поддерживает никаких градиентов.

3
ответ дан 5 December 2019 в 14:00
поделиться

Я думаю, что IE 6 и 7 могут не поддерживать градиент CSS3. Хотя вы можете получить код CSS с этого сайта http://gradients.glrzad.com/

0
ответ дан 5 December 2019 в 14:00
поделиться