Напівпрозорий фон в css (opacity), що живуть в мережі квіти ~ дизайн

Підкинули мені работенку зверстати сайт. А дизайн мені надали в клітинку. Основний фон в темну клітку, а блоки в світлу. І ось початку я ламати голову, як же так зробити, щоб клітина в клітку потрапляла. Намагалася нарізати і так і сяк, і щось не клеїться. І раптом стукнуло мені в голову, адже я не одна така, і явно все вже придумано і створено. І, о диво! Відразу знайшла те, що мені потрібно! Як то кажуть, вік живи, вік учись!

Знайшла два способи.

1. Прозорість фону і всього блоку в цілому.

У css вставити рядок: opacity: 0.65;

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

Але, на жаль, це працює всюди крім IE. Ох, як же я не переношу цей Explorer. C задоволенням би видалила його взагалі з компа, щоб очі мої його не бачили :-)) Але. заради тестування сайтів доводиться з ним жити. та ще й в хороших відносинах :-) Загалом, щоб це запрацювало в IE 6 і 7, додаємо наступний рядок:

2.Прозрачний фон і непрозорі нутрощі

Колір тут задається в форматі RGBа. Остання цифра 0,5 - відсоток прозорості.

Ну і як завжди для IE спеціальний рядок:

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

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

Постійно в день народження своїх блогів все пишуть різні показники, хваляться успіхами, і. чогось публікують суми зароблених на ньому грошей. Але мені хвалитися нічим, тому що блог веду для свого задоволення :-) Мій блог - це моє маленьке хобі