Исчезновение мозаичного фонового изображения при загрузке с помощью JQuery

В прошлом я использовал JQuery для успешного появления и исчезновения div. Тем не менее, я столкнулся с ситуацией, которую не могу понять:

Я кодирую сайт для дизайнера, который основывает форматирование всех элементов на созданном им сеточном шаблоне. Поскольку он хочет, чтобы элементы шаблона были одинакового размера независимо от окна браузера, я думаю, что могу сделать это только с помощью повторяющегося фонового мозаичного изображения в CSS.

Теперь он хочет, чтобы фоновый рисунок (только) стал темным и стал очень светлым, не влияя при этом ни на какие другие элементы.

Правильно ли я понимаю, что невозможно вызвать мозаичный фоновый узор с помощью селектора CSS?

Есть ли у кого-нибудь предложения по решению этой проблемы?


jquery background-image fadeout tile fadeto
person heathwaller    schedule 16.06.2010    source источник
comment
Я не знаю, поможет ли это, но плагин jQuery Masonry (desandro.com/resources/jquery -masonry) поможет с блочной компоновкой... в основном это позволяет размещать блоки вертикально.   -  person Mottie    schedule 21.06.2010
comment
Снова ты! Я обязательно должен это проверить. Недавно я услышал о плагине... да, возможно, я мог бы проявить творческий подход. Большое спасибо за поднятую голову.   -  person heathwaller    schedule 22.06.2010

Ответы (1)


arrow_upward
1
arrow_downward

Если у вас есть div с абсолютным позиционированием, а все остальное поверх него, вы можете плавно добавлять и удалять этот div сколько угодно.

Вы также можете попробовать использовать фильтры непрозрачности в CSS, чтобы затухать, это не совсем то же самое, но похожая концепция. Вам придется использовать несколько разных методов для разных браузеров.

person Kerry Jones    schedule 16.06.2010
comment
Итак, звучит так, как будто вы говорите использовать z-позиционирование для создания какого-то наложения изображения, которое будет исчезать. Это было то, что я думал в качестве последнего средства. Немного дыма и зеркал... и сделайте его достаточно большим, чтобы он подходил для любого размера экрана (со скрытым переполнением). Если только я не ошибаюсь. Я посмотрю на фильтры непрозрачности - спасибо за эту идею. Если это сработает, я отдам должное. - person heathwaller; 17.06.2010
comment
Это были две разные идеи, первая, да, по z-индексу, хотя абсолютное позиционирование находится поверх всего остального. Второе предложение можно применить где угодно - person Kerry Jones; 17.06.2010