Вы здесь

drupal.org.ru ► Проекты

CSS Embedded Images

Встраивание изображений определённых в CSS в код.

Модуль CSS Embedded Images позволяет встроить в страницу изображение определённое в CSS. Например, ссылка на изображение, определённая в CSS темы Garland выглядит как:

ul li.expanded {
  background: transparent url(images/menu-expanded.gif) no-repeat 1px .35em;
}

При встраивании изображения в файл CSS, получится следующий код:

ul li.expanded {
  background: transparent url(data:image/gif;base64,
  R0lGODlhCgAKAMQUAM/Q0vT09Ojr7s7Q0dLU1f7+/u/z9+Dj5tfX1+Dg4MrKyu
  fq7tfZ27m5uba2tsLCwvv7+7W1tbS0tP////P3+wAAAAAAAAAAAAAAAAAAAAAA
  AAAAAAAAAAAAAAAAAAAAACH5BAEAABQALAAAAAAKAAoAAAU0ICWOZGkCkaRKEU
  AtTzHNU/Es1JDQUzKIggZkBmkIRgTEDEEgGRyBgMNQYigUDBPlcCCFAAA7) no-repeat 1px .35em;
}

Совместимость

  • MS Internet Explorer 6+
  • Mozilla Firefox 2+ / Gecko
  • Opera 7.2+
  • Google Chrome
  • Apple Safari
  • Konqueror

configure = admin/config/development/performance

Группа проекта: 
Управление CSS
  • 238 просмотров