<head>
<style>
BODY { font: 12px Arial; }
P {
behavior: url(PIE.htc);
}
#ber {
color:red;
padding: 5px;
background:rgba(0, 255, 0, 0.7); /* Mozilla */
border:1px solid gray;
border-radius: 0.80em;
-pie-background:rgba(0, 255, 0, 0.7);/* For IE*/
width: 200px;
}
</style>
</head>
<body>
<P id="ber">Eu tenho borda arredondada</P>
</body>
Como declaramos em STYLE que os parágrafos tem o comportamento definido pelo PIE.htc, não será preciso fazer esta declaração a cada vez que quisermos um parágrafo modificado. Os outros browsers não precisam do PIE.htc.
O resultado na tela é:
Definimos a cor de fundo utilizando a cláusula rgba do CSS3, mas para isto o background do estilo precisa ser declarado como -pie-background, pois o Internet Explorer 8.0 ainda não dá suporte à cláusula rgba.
Nenhum comentário:
Postar um comentário