Hola A todos.
Soy nuevo en este campo del diseño asi que talvez mi pregunta les pareca tonta pero como sea ahi esta:
la situacion es la siguiente tengo un div con una imagen de fondo de tipo png al momento de colocar una tabla dentro de este div la tabla y todos sus elementos son imposibles de seleccionar con el raton pero si puedo posicionarme con el tabulador con una visitadita por google encotre que puede ser por el z-index, pero con todo y que asigno un z-index mas alto a mis cajas de texto tabla y botones no me resulta lo mismo les dejo la hoja de estilo que hice.
para que IE6 respete las trasparencia estoy utilizando un JS que me recomendaron es el
IE7.js
todo este problema surge principalmente en IE6
Código:
body
{
position:relative;
margin:0;
background:#f3f3f2;
background-image: url(../Imagenes/Fondo_login.png);
background-repeat:repeat-x;
top:0px;
font-family: @Arial Unicode MS;
font-size:medium;
color:White;
}
#MiFondo /*este es el Div*/
{
position:relative;
background: url('../Imagenes/LogIn-trans.png');
width: 300px;
height: 450px;
position:relative;
top: 15%;
left: 35%;
}
#Tbl_Login /*la tabla que contiene mis cajas de texto y boton de submit*/
{
position:relative;
width:230px;
left:35px;
top:45%;
z-index:10;
}
.box
{
z-index:100;
width:100px;
font-family:Arial;
text-align:center;
z-index:20;
}
.labels
{
width:50px;
font-family:@Arial Unicode MS;
font-size:x-small;
color:Red;
}
espero me puedan ayudar de antemano gracias