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

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

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

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

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

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

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

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

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

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

http://css3pie.com/

………………………………………….. …………………………

Свойство 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); } 

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

Как сказано выше, CSS PIE делает вещи, такие как border-radius и box-shadow работает в IE6-IE8: http://css3pie.com/

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

HTML:

 
Rounded Corner Box

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

  • Скрыть Показать список содержимого только с CSS, не используется javascript
  • Вертикально выравнивать текст рядом с изображением?
  • Есть ли селектор CSS по префиксу classа?
  • Ребенок с максимальной высотой: 100% переполняет родительский
  • Переходы CSS3: «Переход: все» медленнее, чем «переход: x»?
  • CSS Радиус frameworks не обрезает изображение на Webkit
  • Что делает «масштабирование» в CSS?
  • Ширина / высота элемента списка CSS не работает
  • Фиксированный элемент исчезает в Chrome
  • Что плохого в встроенном CSS?
  • Сокращение перехода CSS с несколькими свойствами?
  • Interesting Posts

    Является ли использование динамической считается плохой практикой?

    Знать какие-либо инструменты анализа журналов сбора мусора Java?

    Узнайте, какой процесс блокирует файл или папку в Windows

    Java XML Parser для огромных файлов

    Ярлык для открытия cmd.exe в определенном месте

    Обнаружение подключения к Интернету с использованием Java

    Ошибка времени выполнения 1004 Excel 2013

    Приложение не работает с DLL VS 2008 SP1, предыдущая версия работает с версиями RTM

    Понимание функции оценки в CasperJS

    Как создать пользовательские страницы ошибок в ASP.NET MVC 4

    Как реализовать динамический список с составным компонентом JSF 2.0?

    Использование объектов Entity Framework как бизнес-объектов?

    Использование NSPredicate для фильтрации NSArray на основе ключей NSDictionary

    Android: рисование пользовательских фигур

    Спящий режим и загрузка в другую ОС: будут ли повреждены мои файловые системы?

    Давайте будем гением компьютера.