Задать вопрос
webinar
@webinar
Учим yii: https://youtu.be/-WRMlGHLgRg
html

Откуда появляется полоса в градиенте?

Вот код:
https://jsfiddle.net/990cz33x/1/

Там два блока с градиентом на фоне. Если оставить 1 блок - все ок. Если 2 - появляется по центру полоса.

Откуда?

Заметил, что полоса уходит если убрать min-height, но какая связь?

Беда наблюдается в хроме и яндексбраузере
  • Вопрос задан
  • 502 просмотра
6 комментариев
Подписаться 1 Оценить 6 комментариев
Решения вопроса 1
webinar
@webinar Автор вопроса
Учим yii: https://youtu.be/-WRMlGHLgRg
Походу это глюки рендера. Видимо кроссбраузерного решения через линейный градиент нет.
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@g_s_e
Если так, то пропадет:
.top div.wrap {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: -5px;
    min-height: 200px;
    background: linear-gradient(45deg, rgba(255,209,17,0) 50%, rgba(255,209,17,0.8) 60%, rgba(255,209,17,.8) 80%) no-repeat, linear-gradient(135deg, rgba(255,209,17,0.8) 0, rgba(255,209,17,0.8) 40%, rgba(255,209,17,0) 50%) no-repeat;
    background-size: 50% 100%, 50% 100%;
    background-position: 1px 0px, 100% 0px;
}
Ответ написан
5 комментариев
5 комментариев
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Перенести базу знаний в формат lms (На подобии Obsidium)
26 апр. 2024, в 17:02
35000 руб./за проект
Составить единую таблицу SQL
26 апр. 2024, в 16:51
2000 руб./в час
Сверстать 2 транзакционных письма по макету figma
26 апр. 2024, в 16:36
3000 руб./за проект
Ещё заказы