Buenas,
tengo el siguiente css:
Código CSS:
Ver original.image_border {
float:left;
width:175px;
height:120px;
border:1px solid #0F1720;
padding:1px;
margin:0px 0px 10px 0px;
background-repeat:no-repeat;
background-position:center;
overflow:hidden;
background-color:#2F4762;
cursor:pointer;
}
.image_border_center {
float:left;
width:175px;
height:120px;
border:1px solid #0F1720;
padding:1px;
margin:0px 6px 10px 6px;
background-repeat:no-repeat;
background-position:center;
overflow:hidden;
background-color:#2F4762;
cursor:pointer;
}
.image_cont {
width:175px;
height:23px;
background-color:#111111;
z-index:1;
filter:alpha(opacity=65);
-moz-opacity:.65;
-khtml-opacity:.65;
opacity:.65;
clear:both;
position:relative;
top:97px;
left:0px;
}
.image_text {
background-color:transparent;
z-index:2;
position:relative;
top:80px;
left:0px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
text-align:center;
}
.myweb_check {
float:left;
margin:-4px 0px 0px 0px;
}
y el div
Código HTML:
Ver original<div onclick="window.open('examples/asdasd.gif','mywindow','width=400,height=200,left=200,top=200,screenX=200,screenY=200,resizable=1,scrollbars=0,toolbar=0,location=0,directories=0,status=0,menubar=0')" class="image_border" style="background-image:url(examples/asdasd.gif)"> <div class="image_cont"></div> <div class="image_text"><div class="myweb_check"><input name="" type="checkbox" value="" /></div> Darkside (Verde)
</div>
El problema es que quiero que la imagen de fondo, sea siempre de 175 x 120 como una imagen normal que le pones height y width, y no lo puedo hacer con <img>, ya que tengo otro objeto ensima y lo taparia.
Mil gracias!