Резиновый блок DIV с закруглёнными углами тенью и фоном картинкой
19-02-2011, 23:24. Разместил: Admin
Стильный резиновый блок DIV с закруглёнными углами тенью и фоном картинкойПредставляю Вашему вниманию готовое решение - резиновый блок с закруглёнными углами, тенью и всем чем хотите свёрстаный DIVами. Так как поддержки CSS3 можно дождаться не скоро - такие альтернативные решения незаменимы. С помощью CSS3 такой блок можно будет реализовать всего одним DIVом. Обшарив просторы инета я не нашёл ниодного способа реализации такого сложного оформления блока лучшего чем этот(лучше только таблицей). Фон блока задан картинкой - картинка центрального фона позволяет не зависеть от использования безопасных цветов и позволяет использовать любые цвета блока какие только придумаете. Данная реализация имеет свои недостатки: это использование девяти DIVов, использование девяти картинок, невозможность использования картинок с прозрачным фоном для оформления блока, так как картинки углов накладываются на картинки сторон и, через прозрачный фон углов будут видны картинки сторон, из-за этого цвет фона картинок блока зависит от фона сайта. Но, несмотря на недостатки - выглядит блок очень эффектно!
В архив вкладываю PSD исходник для редактирования блока под свой дизайн.
Смотреть пример резиновый блок DIV с закруглёнными углами и фоном картинкой
Скачать готовый пример резиновый блок DIV с закруглёнными углами и фоном картинкой
Пользуемся на здоровье!
Не забываем комментировать.
Вернуться назад