Чтобы задать закругление для углов блоков или изображений можно воспользоваться свойствами, которые есть в CSS 3:
border-radius: 8px;
Для разных браузеров:
-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
Закругление можно задавать для каждого угла:
border-top-left-radius:8px; border-top-right-radius:8px; border-bottom-left-radius:8px; border-bottom-right-radius:8px;
Для IE 6-8 используя PIE:
behavior: url(/PIE.htc);
В PIE есть так же средства для поддержки альфа прозрачности для IE6:
-pie-png-fix: true;
Лично у меня не получилось добится отображения полупрозрачности для изображения, также не закруглялись углы у изображения в IE6. Для фонового изображения полупрозрачность отобразилась.
На сайте PIE можно еще посмотреть использование градиента, тени.
Вот основной CSS-код с сайта PIE:
border: 1px solid #696; padding: 60px 0; text-align: center; width: 200px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: #666 0px 2px 3px; -moz-box-shadow: #666 0px 2px 3px; box-shadow: #666 0px 2px 3px; background: #EEFF99; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33)); background: -webkit-linear-gradient(#EEFF99, #66EE33); background: -moz-linear-gradient(#EEFF99, #66EE33); background: -ms-linear-gradient(#EEFF99, #66EE33); background: -o-linear-gradient(#EEFF99, #66EE33); background: linear-gradient(#EEFF99, #66EE33); -pie-background: linear-gradient(#EEFF99, #66EE33); behavior: url(/PIE.htc);
Если возникают проблемы с подключением файла PIE.htc , можно попробовать использовать php файл, он имеется в архиве PIE:
behavior: url(/PIE.php);
PIE.htc и PIE.php в этом случае кладутся в корень сайта.
Также прописать в файле .htaccess
AddType text/x-component .htc
В случае PIE.php тип задается в php файле:
header( 'Content-type: text/x-component' );
Поэтому, на мой взгляд, вариант с PIE.php предпочтительнее.
Еще для корректной работы PIE нужно в CSS прописывать относительную позицию:
position:relative;