Я проверил метод с css3 на кроссбраузерность. Сделал закругление и тень.
Код:
.box {
background:#ACE5EE;margin:50px 0 0 100px;padding:50px;width:350px;height:350px;
border:10px solid #000;
-moz-border-radius: 55px;
-webkit-border-radius: 55px;
border-radius: 55px;
behavior: url(ie-css3.htc);
-moz-box-shadow: 20px 20px 10px #008000;
-webkit-box-shadow: 20px 20px 30px #008000;
box-shadow: 20px 20px 30px #008000;
}
Всего получилось проверить в 61 браузере.
Результаты:
в 31 браузере работает полностью
в 22 браузерах работает только закругление
в 8 браузерах не работает, просто квадратная рамка
Подробные результаты в аттаче.
Не проверил в
Firefox 3.6 Mac OS
Chrome 6.0 Windows XP (уверен, что работает)
Не работает в двух операх, которыми могут кое кто пользоваться
не работает - Opera 8.54 Windows XP
не работает - Opera 9.63 Windows XP
Работает на половину (без тени) в двух старых Firefox, тоже кто-нибудь может юзать.
только закругление - Firefox 3.0.6 Windows XP
только закругление - Firefox 2.0.0.20 Windows XP
И.. не знаю на сколько он популярен среди пользователей Mac OS
только закругление - Camino 2.0.3 Mac OS X 10.5
Еще под windows работает, но без тени в K-Meleon, SeaMonkey, Flock, Navigator.
Короче решил так - использовать css3 для скругления во всех браузерах, кроме ie, чтобы лишнем не загружать. Для него дам 1 картинку и border.
