Какое решение Javascript (Not .htc) действительно может сделать сглаженный круглый угол в IE7 и 8? - PullRequest
2 голосов
/ 03 июля 2010

Какое решение JavaScript (не .htc) действительно может сделать сглаженный круглый угол в IE7 и 8 как CSS3 в поддерживаемых браузерах?

Я пробовал много

http://www.ruzee.com/blog/ruzeeborders/

http://blue -anvil.com / архивы / сглаживание с закругленными углами с помощью jquery /

http://www.curvycorners.net/

Всеутверждают, что дали сглаженный угол, но дали такие углы, как этот

alt text http://shup.com/Shup/375652/11063104941-My-Desktop.png

Но никто не дает сглаженный угол.если мне нужно 10px круглый угол.

1 Ответ

1 голос
/ 04 июля 2010

Вы, безусловно, можете создавать гибкие элементы с закругленными углами изображения.

См. эту статью .

Поскольку CSS3 border-radius теперь поддерживается во многих современных браузерах, вы можете использовать это в качестве основного решения и предоставить запасной вариант для тех, кто его не поддерживает.

В недавнем проекте я создал веб-сайт с border-radius и использовал jQuery .wrap ()для браузеров, которые не поддерживают его.Это выглядит примерно так:

HTML

<div class="round">
    <p>Hi, I'm a paragraph</p>
</div>

CSS

.round {
    border: 1px solid red;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

jQuery

if ($.browser.msie) {
    $('.round').wrap('<div class="tl"><div class="tr"><div class="bl"><div class="br"></div></div></div></div>');
}

И затем вы можете оформить элементы круглого угла, как указано в статье выше.

...