Работает в IE6(!)/IE7, Opera, Firefox



1. Делаем полупрозрачный PNG в Фотопопе или другом редакторе, кладем себе в Библиотеку изображения.



2. Полупрозрачный фон нужным элементам прописывается так:

.классБлока

{

background: url('/userdir/9/3/1/2/93120/17332882.png') repeat bottom right !important;

Опера и Фаерфокс увидят !important и больше этот параметр менять не будут

background-image: none;

IE что такое !important не знает, поэтому отменит фоновый png

filter: progidXImageTransform.Microsoft.AlphaImageLoader(src='//static.diary.ru/userdir/9/3/1/2/93120/17332882.png', sizingMethod='scale');

Зато только в IE есть filter который и сделает нам полупрозрачный фон через AlphaImageLoader

}



3. Для классов которым прописали полупрозрачноть прописывам новое свойство ссылок:

.классБлока a

{

position:relative; z-index: 2;

}



4. Если ники скачут, прибиваем их гвоздями:

.authorName { float:none;}

5. Следите за корректностью отступов в остальном стиле ))



Ссылки на png вставляем по аналогии, со своей Библиотеки изображений.



Проверялось на: Opera 9, Firefox 1.5, Internet Explorer 6 и 7



Как это выглядит можно посмотреть у меня в дневнике

Уже нельзя )



UPD: пофикшена проблема с неработающими ссылками в IE6