Comments on: Scalable Full Body Background само с CSS

By: Георги Калайджиев

Георги Калайджиев — Sun, 28 Aug 2011 18:37:04 +0000

Идеята на урока е, кодът да е работещ навсякъде, за това и всичко е опростено толкова :).
Иначе ако снимката е предварително обработена - няма проблеми, но ако е както в примера по-горе, то тогава е добре да се прибегне до подобно решение. А и имай предвид, че дизайнерът не е длъжен изобщо да познава HTML/CSS... В случая имаш проблем и решение - идва ти такъв дизайн и този урок показва решението на проблема :).

Благодарим за пожеланията!

By: Asen Bozhilov

Asen Bozhilov — Wed, 17 Aug 2011 13:13:28 +0000

Поздравления за сайта. Има полезни неща. Keep forward.

Конкретно за този урок. Не сте споменали `background-size' от CSS 3.

Моето мнение по темата е че подобно нещо е сгрешен дизайн. Това говори че дизайнера не познава възможностите на HTML/CSS, което не е много хубаво. Аз лично този "проблем" съм го решавал по следния начин. Избирам си цвят близък до цвета с който свършва снимката. Слагам този цвят за фон. Фоновото изображение го слагам центрирано по x и го фиксирам така че като се скролира да не мърда.

Успех със сайта!

By: Георги Калайджиев

Георги Калайджиев — Fri, 26 Nov 2010 07:22:58 +0000

Може и е много лесно, даже писах по-нагоре в коментарите :). Вместо position: absolute се слага position: fixed. На първия метод съответно на img елемента, а на втория на div-a.

By: Боян Георгиев

Боян Георгиев — Fri, 26 Nov 2010 02:18:51 +0000

Здравейте.
Урока е наистина много полезен. Даже използвах първия метод и стана доста добре {:
Искам да попитам дали има начин да се съчетае Scalable Full Body Background и функцията при скролване фона да бъде фиксиран. (съдържанието на сайта да се скролва, фона не) ?

хмм...

By: Георги Калайджиев

Георги Калайджиев — Tue, 24 Aug 2010 09:39:34 +0000

Да, в някои случаи определени стойности могат да бъдат излишни :).

Иначе за вариант 2 си прав - реално не е scalable, но създава подобно усещане. Исках да направя сравнение между двата, за това реших да го включа.

By: Иво

Иво — Tue, 24 Aug 2010 09:06:25 +0000

туко що пробвах вариант 1... работи но, но без height:100%; e добре защото не мачка картинката само трябва да се оптимизират предварително за ресолюциа 4:3 за не изкарва празно място на квадратните монитори :)
а вариант 2 не съм го разглеждал добре.. не е много scalable :)
мерси все пак :)

By: Георги Калайджиев

Георги Калайджиев — Thu, 08 Jul 2010 15:54:59 +0000

Да, в статията споменах за тази особеност. Решението е просто - и при двата метода заменяме position: absolute с position: fixed и нещата се получават :).

By: Shterev

Shterev — Thu, 08 Jul 2010 14:57:48 +0000

Много добър урок, но ако имаме динамично съдържание и то е по-голямо от височината на документа, какво става - картинката не се разпъва.

By: tuizzl

tuizzl — Sat, 26 Jun 2010 22:02:37 +0000

Браво за урока полезен и ще влезе в употреба.
Ще се радвам ако има и още уроци и ако са така добре обяснени.
.....чакаме следващия урок.