CSS3 no IE8 - Borda Arredondada | Café ++
Publicado: 25/04/2018 - Gerson Micael

CSS3 no IE8 - Borda Arredondada

Método simples para o IE8 reconhecer propriedades do CSS3

Com o surgimento do CSS3 a vida dos desenvolvedores front-end ficou bem mais fácil quando se trata de deixar os websites mais atraentes, sem precisar utilizar de recursos nada convencionais ao deixar um elemento com bordas arredondadas, por exemplo. Mas, como nem tudo são flores, essa alegria somente vale aos desenvolvedores nutella, aqueles que nunca precisaram desenvolver um projeto para o IE (Internet Explorer).

Os tristes desenvolvedores que programam ainda para o IE8 ou inferior, como é o meu caso, sofre bastante quando vai deixar uma borda arredondada, uma sombra suave ou até mesmo um preenchimento gradual, às vezes têm que usar recursos como imagem ou bibliotecas javascript e muitas vezes acaba deixando o carregamento da página lenta.

Mas, com o PIE (Progressive Internet Explorer), agora ficou mais fácil, até para nós. O PIE é uma biblioteca que, quando chamado no IE, permite reconhecer algumas propriedades CSS3. A sua utilização é muito simples, é necessário apenas um arquivo que será conectado ao IE sempre que você utilizar no seu código CSS um border-radius, box-shadow ou linear-gradient. Agora vamos criar uma DIV e deixá-la com as bordas arredondada e com uma suave sombra.

No código html vai ficar dessa maneira:

<div id=”acabou_sofrimento”>
	Tchau sofrimento... ☺
</div>

No código css vai ficar dessa forma:

#acabou_sofrimento{
border: 1px solid #696;
padding: 60px 0;
text-align: center; 
width: 200px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
box-shadow: #666 0px 2px 3px;
background: #EEFF99;
behavior: url(/pie/PIE.htc); 
}

A única coisa que muda no código CSS é a última linha (behavior: url(/pie/PIE.htc);), ao carregar este arquivo o IE será capaz de reconhecer estas propriedades.

Para fazer o download basta baixar a distribuição PIE e depois só alegria. Espero ter ajudado, dúvidas fique à vontade em perguntar, terei maior prazer em responder.

Gerson Micael
Analista Programador no setor de contact center em Aracaju - SE