Forum Moderators: not2easy
I'm working on a new site but a certain image magically tends to disappear sporadically. That div's code is pretty straight forward, too and nothing really out of the ordinary.
But why is it that the background image is (almost randomly) shown/invisible? Whenever its invisible Ctrl+F5 makes it visible again. Its not browser specific either, tested with firefox2, frefox3, chrome and IE7
Its a png image with alpha transparency btw.
.left_box_text{
background-image: url(images/top_fade_box.png);
background-repeat: repeat-x;
position:relative;
color:#FFFFFF;
width:170px;
padding-left:5px;
padding-right:5px;
text-align:justify;
margin-top:0px;
z-index:10;
font-weight:bolder;
max-height:620px;
overflow:hidden;
}
Here are a few of the causes I have seen in the past:
Try to isolate the problem; make the image into a small progressive jpeg and test that. You should learn something helpful.
It is unlikely to be a CSS problem.
.jpg is no option here. I really need the image to be transparent.
Thanks for the tips so far :)