Скругление углов без border-radius и css
WEB всемогущий Февраль 16th, 2010Сколько раз вы делали скругление углов для div блоков? Лично я уже устал бороться с разными браузерами, рисовать скругленные углы для блоков, шаманить с CSS. наверняка и вы намучались с этой задачей. А как хочется делать круглые углы для div-ного блока без картинок, без css и без использования border-radius-ов (которые так упорно игнорирует IE). Думаете это нереально? А вот и нет! Решить нашу задачу поможет замечательная библиотека jQuery Corner.
Использовать ее ну ОЧЕНЬ ПРОСТО!
Подключаем jQuery плагин:
<script type="text/javascript" src="jquery.corner.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
$("#block").corner();
});
</script>
ну а в нужном месте вставляем
<div id="#block">бла-бла-бла</div>
и получаем красивенький блок с круглыми углами.
Просто? Быстро?
Надо сказать, что использование jQuery Corner позволяет делать не только скругление углов, но и массу других вариантов оформления углов блоков.
Скачать jQuery Corner и почитать мануал по нему можно тут
Идею использования этой библиотеки подчерпнул на сайте NICTools, за что ему большое спасибо

Март 25th, 2010 - 2:15
ohubunapuz…
Download mp3 with Dr. Willis …
Июль 23rd, 2010 - 10:15
А работает ли этот скрипт в интернет-эксплорере с картинками в качестве фона? Использовала другой скрипт, который, однако, в IE 6,7,8 не скругляет элементы, если в них background – рисунок.
Февраль 25th, 2011 - 16:31
Буду пробовать. По результатам отпишусь.
Вообще всегда пользовался
-webkit-border-radius:;
-moz-border-radius;
и, как говорится забивал на IE.
Спасибо автору.
Май 24th, 2011 - 15:00
Спасибо! Действительно, очень практично!!!