Подкинули мне работенку сверстать сайт. А дизайн мне предоставили в клеточку. Основной фон в темную клетку, а блоки в светлую. И вот начала я ломать голову, как же так сделать, чтобы клетка в клетку попадала. Пыталась нарезать и так и сяк, и что-то не клеится. И вдруг стукнуло мне в голову, ведь я не одна такая, и явно все уже придумано и создано. И, о чудо! Сразу нашла то, что мне нужно! Как говорится, век живи, век учись!

Отыскала два способа.

1. Прозрачность фона и всего блока в целом.

В css вставить строчку: opacity:0.65;

Например, мне надо было сделать фон для div полупрозрачным, чтобы просвечивалась клетка, я написала вот что:

.myclass {
background: #b2b2b2;
opacity:0.55;

Но, к сожалению, это работает везде кроме IE. Ох, как же я не переношу этот Explorer. C удовольствием бы удалила его вообще с компа, чтобы глаза мои его не видели :-)) Но... ради тестирования сайтов приходится с ним жить... да еще и в хороших отношениях :-) В общем, чтобы это заработало в IE 6 и 7, добавляем следующую строчку:

filter:alpha(opacity=55);

2. Прозрачный фон и непрозрачные внутренности

.myclass {
background-color: rgba(178,178,178,0.5);
}

Цвет здесь задается в формате RGBа. Последняя цифра 0,5 - процент прозрачности.

Ну и как обычно для IE специальная строка:

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50b2b2b2,endColorstr=#50b2b2b2);

Задаем цвета градиента: начальный (startColorstr) и конечный (endColorstr) - я указала один цвет (#b2b2b2). Здесь немного наоборот, прозрачность определяют первые две цифры (50).

Вот только не знаю, как будет работать в 8 версии. Так до сих пор и не установила ее. Проверю - допишу :-)

Кстати, моему бложику 1 апреля стукнул 1 годик Happy

Постоянно в день рождения своих блогов все пишут различные показатели,  хвастаются успехами, и... зачем-то публикуют суммы заработанных на нем денег... Bad smile Но мне хвастаться нечем, т.к. блог веду для своего удовольствия :-) Мой блог - это мое маленькое хобби  Grimace