Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Francisca2010

Border radius IE 8, 9,10,

Recommended Posts

Boa tarde, galerinha alguem pode me ajudar nesse IE maldito olha como esta :

 

 

Fire :

http://prntscr.com/3axo7s

 

IE10

 

http://prntscr.com/3axof5

 

 

CSS

#navigation li:first-child {
	border-left-color: #BABABA;
	border-radius: 8px 0px 0px 0px;
}

#navigation li:last-child {
	border-radius: 0 8px 0px 0;
}

HTML

<nav id="navigation">
		<ul>
			<li><a href="#"><i class="icon-home"></i>Home</a></li>
			<li><a href="#">Services</a></li>
			<li><a href="#">Portfolio</a></li>
			<li><a href="#">About</a></li>
			<li><a href="#">Blog</a></li>
			<li><a href="#">Contact</a></li>
		</ul>
	</nav>

Compartilhar este post


Link para o post
Compartilhar em outros sites

O border-radius é uma propriedade CSS3. Ela não funciona no IE. Porém há um script muito usual

que fazem várias propriedades CSS3 funcionarem no IE, como border-radius e box-shadow, entre outras.

 

é o PIE. Ele é chamado no próprio css.

Pode acessar o link do site oficial:

http://css3pie.com/download/

Compartilhar este post


Link para o post
Compartilhar em outros sites

Grande Caio estava dando uma lida na documentação e a forma de usar o css seria chamando dessa forma :

 

behavior: url(PIE.htc);

 

preciso acrescentar algo no <head> ?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Não. Só no CSS mesmo, porém você deve usar o caminho exato. Por exemplo, se está no localhost, e o arquivo estiver na pasta "public/css/", você deve colocar

behavior: url(public/css/PIE.htc);

Mesmo se o arquivo estiver na mesma pasta do CSS, o caminho deve ser completo.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.