ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Градиент для бэкграунда блока
9 сообщений из 9, страница 1 из 1
Градиент для бэкграунда блока
    #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, 21:56
| Ответить | Цитировать | Написать  
Градиент для бэкграунда блока
    #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:09
| Ответить | Цитировать | Написать  
Градиент для бэкграунда блока
    #39306198
urukhay
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
urukhay
Участник
Попробовал оба варианта. Ни один не работает.
...
Рейтинг: 0 / 0
08.09.2016, 22:33
| Ответить | Цитировать | Написать  
Градиент для бэкграунда блока
    #39306223
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
в 5.1 нужно юзать background: -webkit-linear-gradient
...
Рейтинг: 0 / 0
09.09.2016, 00:01
| Ответить | Цитировать | Написать  
Градиент для бэкграунда блока
    #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, 00:40
| Ответить | Цитировать | Написать  
Градиент для бэкграунда блока
    #39306298
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
здесь написано, что должно работать: http://www.colorzilla.com/gradient-editor/
попробуй там сгенерировать.
...
Рейтинг: 0 / 0
09.09.2016, 08:11
| Ответить | Цитировать | Написать  
Градиент для бэкграунда блока
    #39306311
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
urukhay
Код: html
1.
<div clas="block"></div>


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

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


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