preload css-style?

[roN]

Hi,

I have following issue: I'm changing the css-style of a tab like following
when the mouse is rolling over it:
onMouseOver="this.className='frontbarOverIE'" and the css style looks like
following:
..frontbarOverIE {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
color: #FFFFFF;
background-repeat: no-repeat;
font-weight: bold;
text-decoration:none;
background-image: url(images/orange_title_backgnd_hi.jpg);
}
how can I preload the image(images/orange_title_backgnd_hi.jpg) used in the
css style?
Thank you!

Ron

 

[Cheng Guangnan]

Create a invisible div and set it's class to "frontbarOverIE".

 

[roN]

Create a invisible div and set it's class to "frontbarOverIE".

huh? how do I set an invisible div?
just like:

 

[Randy Webb]

roN said the following on 6/19/2006 11:44 PM:

Create a invisible div and set it's class to "frontbarOverIE".

huh? how do I set an invisible div?

with CSS

just like:
<div class+"frontbarOverIE"></div> anywhere past my html-header?

<div class="frontbarOverIE" style="display:none"></div>

Although it may take visibility:hidden to cause the background to load.

Or, simply size it 1px x 1px:

<div class="frontbarOverIE" style="width:1px;height:1px"></div>

comp.infosystems.www.authoring.stylesheets is that way ----->

 

[roN]

Hey,

I added following in my code:

<div class="frontbarOverIE" style="display:none"></div>
<div class="frontbargrayOverIE" style="display:none"></div>

but it wouldn't preload the styles... why not? Another approach?
Thank you!

 

[Randy Webb]

roN said the following on 6/21/2006 11:59 AM:

Hey,

I added following in my code:

<div class="frontbarOverIE" style="display:none"></div>
<div class="frontbargrayOverIE" style="display:none"></div>

but it wouldn't preload the styles... why not? Another approach?
Thank you!

style="visibility: hidden;height: 1px; width:1px;"