(Sorry my english is not very good, i'm not english)
I have phocagallery and i need to create background-image under my images. I do that. In Firefox it's good but not in Internet explore 7 and 8.
Look my screenshot:
http://forum.joomla.fr/attachment.php?a ... 1259249077
My background-image is red but in IE is white? why?
My css : phocagallery.css (where i create my background-image):
Code: Select all
.phocagallery-box-file-second{
display: table-cell;
vertical-align: middle;
background-image: url(images/img1.png);
}
and i create this:
#sbox-content{
background-color: transparent;
background-image:url(images/img1.png);
}
#sbox-window{
filter:alpha(opacity=80);
opacity: 0.8;
-moz-opacity:0.8;
}
Code: Select all
.phocagallery-box-file-first{
/*background:#f5f5f5;*/
width:100px;height:100px; overflow: hidden;
display: table; vertical-align:middle;
position: relative;
}
.phocagallery-box-file-second{
display: table-cell; vertical-align: middle;
position: absolute; /*top: 5%; left:-10%;*/
width:170px; height:140px;
/*IE 7 only*/
*width: 280px;
*height: 170px;
*margin-top: -100px;
*margin-left: -175px;
*position:absolute;
*top:50%;
*left:50%;
}
.phocagallery-box-file-third{
/* position: relative; top: 42%; left:1%;*/
margin-left:auto;
margin-right:auto;
position:relative;
top:35%;
left:-3%;
/*IE 7 only*/
*top:30%;
*left:13%;
/**padding-left:5px;
*padding-right:5px;*/
*position:relative;
/**margin-left:auto;
*margin-right:auto;*/
}
/*.phocagallery-box-file:hover, .phocagallery-box-file.hover
{
border:1px solid #135cae;padding:5px;background:#f5f5f5;text-decoration:none;
}*/
#description-msg{
bottom: 5px;
}
#sbox-content{
/*background-image:url(images/img1.png);
background-color: transparent;*/
}
#sbox-window{
background-image:url(images/img1.png);
/*filter:alpha(opacity=80);
opacity: 0.8;
-moz-opacity:0.8; */
}
#image-box{
/* background-image:url(images/img1.png);*/
}
#sbox-btn-close{
margin-top:12px;
margin-right:12px;
}
Anybody can help me?
Thank you very much
Have a good day
PS: my english is bad? lol
