CSS: background vs background-image

Board index phpBBex 1.x Мастерская

Description: Только готовые решения! Статьи, заметки, моды и другие полезности для phpBBex 1.x и phpBB 3.0.x.
Moderator: Поддержка

Post #1by factotum » 02.03.2013, 20:31

На досуге было лень писать свое, скопи-пастил пару строк для своего ресурса:
Code: Select all
background: linear-gradient(to bottom,  #444444 0%,#111111 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0.55) 0%,rgba(0,0,0,0.55) 19%,rgba(0,0,0,0.5) 41%,rgba(0,0,0,0.45) 50%,rgba(0,0,0,0.35) 61%,rgba(0,0,0,0.05) 93%,rgba(0,0,0,0.01) 100%);
6 ноудов с заливкой выше убили IE10, периодически подвешивали Chrome.

Почему:
Использование картинок/заливок в background негативно отражается на производительности. background с картинками разрывает браузеры.

Вывод: для картинок и заливок использовать исключительно background-color, background-image

Бонус:
Code: Select all
background-image: url(http://site.com/pictures.jpg);
6 строк кода убили FF, IE10 неправильно выводил заливки.
Ошибка: url без кавычек.
Вывод с кавычками: background-image: url('http://site.com/pictures.jpg');
Если "улучшение" стало "граблями" - Вы его переросли
factotum
Topic author, Гуру
Location: Люксембург
Reputation: 232
With us: 5 years 5 months

Return to Мастерская



Who is online (over the past 10 minutes)

Users browsing this forum: 2 guests