I am trying out rollovers w/o JavaScripts but I notice that in Opera 7, it
flickers.
The below CSS is to give me the flexibility to use image rollovers or for
showing an invisible image upon hovering certain text. This is for my weblog
entries so I do not want to use image background.
.divHover
{
text-align : center;
font-weight : bold;
}
.divHover a:hover
{
background-color : transparent;
}
.divHover a span,
.divHover a:hover span.divHover-before
{
display : none;
padding : 5px;
}
.divHover a:hover span,
.divHover a span.divHover-before
{
display : block;
}
Demo page at http://www.sodesires.com/weblog/archives/000011.html
Any comments if this is a correct way or if there are even better way to
achieve the 2 targeted results I want i.e. the flexibility to use image
rollovers or for showing an invisible image upon hovering certain text? How
to fix the Opera flickering issue? It flickers only when I hover over the
image and not the text.
With Regards
Jaime Wong
~~~~~~~~~~~~~~~~~~~~~~~~~~
SODesires Design Team
http://www.sodesires.com
~~~~~~~~~~~~~~~~~~~~~~~~~~
*****************************************************
The discussion list for http://webstandardsgroup.org/
*****************************************************
