Clever Geek Handbook

GIF not showing in chrome

I am using CSS (below). loading64.gif always renders in FF and IE, but not chrome. I am using ".loading" inside colorbox. I cannot solve the problem.

HTML:

<center><div class="loading" id="loaderImg"><span class="waiting-info"></span></div></center>

CSS

.loading {
background: url(resources/base/img/loading64.gif) no-repeat center center transparent;
background-color: #ffffff;
float: left;
height: 100%;
min-height: 333px;
width: 100% !important;
z-index: 444;
position: absolute;
opacity: 0.9;
left: 0;
top: 0;
}

Screenshots

+3


source to share


1 answer


Try setting an absolute width (example 100px) instead of 100%. Depending on the parent container and its styling, you might have a 0-width div that will explain this.



0


source






More articles:


All Articles