Hola tengo unas cajas con las esquinas redondeadas y dentro de las cajas introduzco fotos y texto.
Las cajas se pintan con lineas y esquinas redondeadas con este codigo:
---------------------------------------------------
.Post {
overflow : hidden;
min-width : 0;
min-height : 0;
margin : 0 auto;
position : relative;
margin : 0;
z-index : 0;
}
.Post-tl {
position : absolute;
overflow : hidden;
z-index : -1;
top : 0;
left : 0;
width : 15px;
height : 15px;
background-image : url('img/enris.png'); */ esquina redondeada*/
}
.Post-tr {
position : absolute;
overflow : hidden;
z-index : -1;
top : 0;
right : 0;
width : 15px;
height : 15px;
}
.Post-tr div {
position : absolute;
z-index : -1;
top : 0;
left : -15px;
width : 30px;
height : 30px;
background-image : url('img/enris.png'); */ esquina redondeada*/
}
.Post-bl {
position : absolute;
overflow : hidden;
z-index : -1;
bottom : 0;
left : 0;
width : 15px;
height : 15px;
}
.Post-bl div {
position : absolute;
z-index : -1;
top : -15px;
left : 0;
width : 30px;
height : 30px;
background-image : url('img/enris.png'); */ esquina redondeada*/
}
.Post-br {
position : absolute;
overflow : hidden;
z-index : -1;
bottom : 0;
right : 0;
width : 15px;
height : 15px;
}
.Post-br div {
position : absolute;
z-index : -1;
top : -15px;
left : -15px;
width : 30px;
height : 30px;
background-image : url('img/enris.png'); */ esquina redondeada*/
}
.Post-tc {
position : absolute;
overflow : hidden;
z-index : -1;
top : 0;
left : 15px;
right : 15px;
height : 15px;
}
.Post-tc div {
position : absolute;
z-index : -1;
top : 0;
left : 0;
width : 100%;
height : 30px;
background-image : url('img/enrih.png'); */ linea horizontal*/
}
.Post-bc {
position : absolute;
overflow : hidden;
z-index : -1;
bottom : 0;
left : 15px;
right : 15px;
height : 15px;
}
.Post-bc div {
position : absolute;
z-index : -1;
top : -15px;
left : 0;
width : 100%;
height : 30px;
background-image : url('img/enrih.png'); */ linea horizontal*/
}
.Post-cl {
position : absolute;
overflow : hidden;
z-index : -1;
top : 15px;
left : 0;
width : 15px;
bottom : 15px;
}
.Post-cl div {
position : absolute;
z-index : -1;
top : 0;
left : 0;
width : 30px;
height : 100%;
background-image : url('img/enriv.png'); */ linea vertical*/
}
.Post-cr {
position : absolute;
overflow : hidden;
z-index : -1;
top : 15px;
right : 0;
width : 15px;
bottom : 15px;
}
.Post-cr div {
position : absolute;
z-index : -1;
top : 0;
left : -15px;
width : 30px;
height : 100%;
background-image : url('img/enriv.png'); */ linea vertical*/
}
.Post-cc {
position : absolute;
overflow : hidden;
z-index : -2;
top : 15px;
left : 15px;
right : 15px;
bottom : 15px;
background-image : url('img/enric.png');
}
/* -- -- -- -- -- -- -- -- -- -- -- -- -- -- */
El problema es que este codigo no lo reconoce IE6.
Hay alguna forma de dibujar las cajas para que se puedan ver en IE6.
