<rmcreative>

RSS

Все заметки с тегами «opacity, CSS»

Можно уточнить:

    (1)
    (1)
    (2)
    (1)
    (2)
  1. Работа с цветовой моделью RGBA

    16 декабря 2009

    Неплохой перевод статьи про RGBA и его использование в Firefox, Safari, Opera и Chrome.

    Читаем

    Кстати, для IE можно обойтись относительно малой кровью:

    div {
      filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#99FFFFFF);
      zoom: 1;
    }

    Формат параметров: AARRGGBB, где AA — альфа-канал, RR — красный, GG — зелёный, BB — синий.

    3 комментария
  2. Кроссбраузерная одноцветная полупрозрачность

    3 февраля 2009

    Хороший способ реализации полупрозрачного блока без применения opacity и абсолютного позиционирования. Вместо этого используется RGBA, Data:URI и фильтр Alpha для IE6 и IE7.

    Работает в IE 6+, FF 1.5+, Opera 7.2+, Safari 2+, Chrome и Konqueror 4.1.

    Рассматриваем

    3 комментария
  3. Прозрачность в CSS

    27 марта 2007

    Сделать какой-либо элемент полупрозрачным при помощи CSS можно так:

    .transparent{
      filter:alpha(opacity=50); opacity:.5;
    }

    Во многих источниках встречается такой вариант:

    .transparent{
      filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5;
    }

    Сейчас -moz-opacity можно и не использовать. Firefox уже довольно давно понимает свойство opacity.

    p.s. немного идей, где это можно применить можно найти на сайте Mandarin Design (англ.).

    Комментировать