jason zietz schrieb:
a {
color: #000;
font-weight: bold;
text-decoration: underline;
}
#previewPanel a:hover img.previewPic {
border: 1px dashed #000;
}
...if I
have the color of a:visited to be declared as a different color than the
hover color, the hover works in IE. I'd like my visited color to be
#000, so that's not a solution. Another thing: when I click the link,
the dashed border appears. Also, if I hover over an image before the
page finishes loading, the dashed border appears properly. Once the
page finishes loading, the border disappears.
This is one transition for normal browsers:
[a:hover img] = "redraw the image on hover"
IE thinks different:
[a:hover]->[img] = "if the link has to be redrawn, then redraw it's
child, the image"
so the fix is to declare a change on hover
#previewPanel a:hover {background-position:0 0;}
which flags a redraw event in IE.
The inconsities you mentioned are due to normal redraw-events (clicking
on a link, reloading a page). It's new to me that the hover is working
while rendering the page, but this can't be confirmed on your provided
code, as you know, debugging without an URL is next to useless.
Your solution works similar: you are declaring a different color on
hover: so you generate a redraw event, because all the links which are
referring to "#" are "visited" once IE has loaded the page.
Ingo
--
http://www.satzansatz.de/css.html
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
