Для тех из вас, кто хочет добавить закругленные углы к элементам HTML, то есть к DIV, вы, вероятно, уже знаете, что браузеры Webkit (Safari) и Moz Browser (Firefox) уже легко справляются с этим, например:
CSS:
.round {
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
}
Но, как обычно, Internet Explorer подводит нас и поддержки в нем нет. Мы использовали целый ряд параметров для получения закругленных углов в IE, и проблема в том, что без объединения углов с изображениями, делениями и интервалами часто возникают перекрестные проблемы IE. Например, то, что работает в IE8, часто не работает, скажем, в IE6.
Как вы знаете, нам нравится jQuery, и таким хорошим способом добиться этого с помощью этой библиотеки сценариев является jQuery Corners. Мы обнаружили, что это работает, но обратите внимание, что в IE8 есть текущие проблемы, а также проблемы с фонами Div.
Помимо этой полезной библиотеки JavaScript для создания закругленных углов без изображений является Curvy Corners. Мы не будем вдаваться в подробности, поскольку вы можете перейти на их собственный веб-сайт для получения дополнительной информации. Однако то, что мы собираемся поделиться с вами, является проблемой, которая вызвала разочарование этим методом, и заключается в том, что curvycorners.js вызывает элементы на странице, независимо от того, присутствуют они или нет. Если вы используете приличный браузер, такой как Safari или Firefox, вы будете думать, что с того? Ну, если вы используете IE, то вы получите неприятную ошибку, такую как: —
Нет объекта с идентификатором #your div / element. Вызовите curvyCorners (settings, obj) при его создании.
Чтобы устранить эту проблему, добавьте следующий Javascript на страницу, вызывающую скрипт
var curvyCornersVerbose = false;
Это должно решить ваши пышные углы горе.
Удачи в ваших углах — дайте нам знать, если вы найдете какие-либо пуленепробиваемые методы!
p.s. Если статья была полезной и вас переполняет чувство благодарности, можете поддержать меня долларом на патреоне
