CSS Круглые углы В IE

Я использую this.htc логика, чтобы сделать вкладки моего контента округлыми, но не работает. Моя структура вкладок выглядит так.CSS Круглые углы В IE

<li id="profiletab1" class="selected"> 
    <a href="#">Overview</a> 
</li> 
<li id="profiletab2" class=""> 
    <a href="#">Overview</a> 
</li> 
...

CSS код для этого

color: #4f4f4f; 
height: 35px; 
display: inline-block; 
padding: 0px 18px 0px 19px; 
font-size: 14px; 
line-height: 35px; 
-webkit-border-radius: 5px 5px 0px 0px; 
-moz-border-radius: 5px 5px 0px 0px; 
border-radius: 5px 5px 0px 0px; 
behavior: url(border-radius.htc); 

background: #e7e7e7; 
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e7e7e7), to(#cccccc)); 
background: -webkit-linear-gradient(#e7e7e7, #cccccc); 
background: -moz-linear-gradient(#e7e7e7, #cccccc); 
background: -ms-linear-gradient(#e7e7e7, #cccccc); 
background: -o-linear-gradient(#e7e7e7, #cccccc); 
background: linear-gradient(#e7e7e7, #cccccc); 
-pie-background: linear-gradient(#e7e7e7, #cccccc); 
border-right: 1px solid #b1b1b1;

источник

2011-12-20 Muhammad Imran Tariq

Что такое атрибут класса profiletab, укажите их. – ALH

Если вы используете более старые версии IE, он не будет отображать CSS3, если это то, что вы используете – Matt

Какие браузеры вы тестировали/используете? Вам не нужен файл htc для чего-либо другого, кроме более старых версий IE. – Scott

Вы должны использовать:

behavoir:url(PIE.htc)

в конце класса

источник

2011-12-20 16:40:34 ALH

IE не поддерживает CSS 3 до IE 9

border-radius

в CSS,

добавить

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

, если вы хотите иметь их в IE 7/8,

вам нужна какая-то помощь с некоторыми библиотекой JavaScript ,

например. http://css3pie.com/

источник

2011-12-20 17:00:53 AbSoLution8

Еще одна хорошая ссылка для совместимости с CSS3: http://caniuse.com/#search=css3 – Wex

Я уже использую то же самое, что и css3 pie, но не смог получить решение. –

Работает ли он в любом браузере IE? Также дважды проверьте путь к файлу .htc.

Я использую метод PIE.htc, и мой CSS-это что-то вроде этого.

#maincol #content { 
float:left; 
background-color:#FFF; 
width:100%; 
height:399px; 
-moz-border-radius:0 0 10px 10px; 
-webkit-border-radius:0 0 10px 10px; 
border-radius:0 0 10px 10px; 
behavior: url(../css/PIE.htc); 
}

Также я тестировал и проверял, что он работает во всех версиях IE. Все, что мне нужно было сделать, это поместить файл pie.htc в мою папку CSS, а затем добавить поведение к элементам, которые я хотел бы обогнуть по углам.

источник

2011-12-29 20:50:12

CSS Круглые углы В IE

ответ

Смежные вопросы