Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Градиент для бэкграунда блока / 9 сообщений из 9, страница 1 из 1
08.09.2016, 21:56
    #39306182
urukhay
urukhay
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Градиент для бэкграунда блока
Всем привет.

Код: html
1.
<div clas="block"></div>

Код: css
1.
2.
3.
4.
5.
6.
7.
.block
{
  width: 200px;
  height: 60px;
  backgroound: #288d00;
  background: linear-gradient(to bottom, #36a900, #1e7b00);
}


Сие работает в хроме, опере, осле и лисе, но не в сафари 5.1.7.
Там срабатывает backgroound: #288d00;

Вопрос: я сделал что-то не так, или сафари действительно не поддерживает градиент?
Если так, тогда получается нужно использовать background: url( background_img_path.png ) 0 0 repeat-x;
Где background_img_path.png - изображение, 1 х 60 пикселей.
Т.к. во всех браузерах все должно быть одинаково...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.09.2016, 22:09
    #39306187
user89
user89
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Градиент для бэкграунда блока
urukhay,

а если background убрать, а градиент записать через background-image , вот так
Код: css
1.
background-image:linear-gradient(to bottom, #36a900, #1e7b00);


Можно ещё   to bottom   убрать...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.09.2016, 22:33
    #39306198
urukhay
urukhay
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Градиент для бэкграунда блока
Попробовал оба варианта. Ни один не работает.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.09.2016, 00:01
    #39306223
Antonariy
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Градиент для бэкграунда блока
в 5.1 нужно юзать background: -webkit-linear-gradient
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.09.2016, 00:40
    #39306233
urukhay
urukhay
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Градиент для бэкграунда блока
Тоже не работает:
Код: css
1.
2.
3.
background: #288d00;
background: linear-gradient(to bottom, #36a900, #1e7b00);
background: -webkit-linear-gradient(to bottom, #36a900, #1e7b00);
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.09.2016, 08:11
    #39306298
Antonariy
Antonariy
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Градиент для бэкграунда блока
здесь написано, что должно работать: http://www.colorzilla.com/gradient-editor/
попробуй там сгенерировать.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.09.2016, 08:31
    #39306311
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Градиент для бэкграунда блока
urukhay
Код: html
1.
<div clas="block"></div>


С таким атрибутом нигде работать не будет...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.09.2016, 11:11
    #39306452
urukhay
urukhay
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Градиент для бэкграунда блока
авторС таким атрибутом нигде работать не будет...
Хехе :) Ну это просто описка, я вручную тут набирал.
В коде все нормально.

А 5.1. это старый сафари? Я под винду новее вроде не видел ...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.09.2016, 11:28
    #39306470
Изопропил
Изопропил
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Градиент для бэкграунда блока
urukhayА 5.1. это старый сафари? Я под винду новее вроде не видел ...
5.1.7 - последняя виндовс версия - май 2012.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Градиент для бэкграунда блока / 9 сообщений из 9, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]