Как применить радиус границы в IE8 и ниже браузеров IE8?

Я хотел бы знать, как применять граничный радиус для IE8 и ниже браузеров IE8.

Я знаю, что border-radius - это функция HTML5, и IE8 ее не поддерживает.

Я обнаружил, что с помощью .htc мы можем достичь этого, но используя htc, я столкнулся с проблемой черного фона.

Я не могу решить эту проблему.

Есть ли другой способ применения граничного радиуса к IE8? Если это может кто-нибудь объяснить мне, как?

Ответы

Ответ 2

Во-первых, для технической точности border-radius не является функцией HTML5, это функция CSS3.

Лучший script, который я нашел для создания теней теней и закругленных углов в старых версиях IE, IE-CSS3. Он преобразует синтаксис CSS3 в VML (специфичный для IE векторный язык, такой как SVG) и отображает их на экране.

Он работает намного лучше на IE7-8, чем на IE6, но также поддерживает IE6. Я не очень много думал о PIE, когда я его использовал, и обнаружил, что (как и HTC) он не был построен, чтобы быть функциональным.

Ответ 3

PIE делает Internet Explorer 6-9 способным отображать несколько наиболее полезных функций украшения CSS3

http://css3pie.com/

................................................................................

Ответ 4

Свойство border-radius поддерживается в IE9 +, Firefox 4+, Chrome, Safari 5+ и Opera, потому что это свойство CSS3. поэтому вы можете использовать css3pie

сначала проверьте это демо в IE 8 и загрузите его из здесь напишите правило css следующим образом

 #myAwesomeElement {
    border: 1px solid #999;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    behavior: url(path/to/pie_files/PIE.htc);
}

note: добавлено behavior: url(path/to/pie_files/PIE.htc); в приведенном выше правиле. в url() вам нужно указать местоположение вашего файла PIE.htc

Ответ 5

В качестве ответа, упомянутого выше, CSS PIE делает вещи, подобные работе border-radius и box-shadow в IE6-IE8: http://css3pie.com/

Тем не менее, я все еще обнаружил, что при использовании PIE некоторые вещи немного шелушатся, и теперь просто примите, что люди, использующие старые браузеры, не будут видеть закругленные углы и тени.

Ответ 6

HTML:

<div id="myElement">Rounded Corner Box</div>

CSS

#myElement {
    background: #EEE;
    padding: 2em;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    border-radius: 1em;
    behavior: url(PIE.htc);
    border: 1px solid red;

}

Файл PIE.htc можно загрузить с http://www.css3pie.com