Thanks so much, Philippe. I checked in IE10 all the way back and all of them did the same. Glad to know that my favorite browsers did get it right.
For the client, I ended up writing some jQuery to imitate generated content, just for IE. However, Ingo, I didn't think to try outline. I'll look into that and see if the client approves (I hate writing JS for presentational stuff). Thanks for the suggestion. </email> <signature id="paceaux" name="frank m taylor" twitter="@paceaux" /> On May 30, 2012, at 1:17 AM, Ingo Chao wrote: > On Wed, May 30, 2012 at 3:27 AM, Philippe Wittenbergh <e...@l-c-n.com> wrote: >> >> On May 30, 2012, at 2:51 AM, Paceaux wrote: >> >>> Did anyone have any thoughts on removing underline from generated content >>> in the hover state for IE? >>> >>> I did some checking and it appears that the behavior occurs in all versions >>> of IE? I'm guessing that this is default behavior for IE, then, to allow >>> generated content to always inherit the hover state. >> >> It is not a hover problem; in IE, the underline is always propagated to the >> generated content - even when the generated element is set to e.g. >> display:inline-block. Older Gecko (at least Firefox 3.6) also did that. >> >> That is contrary to what the spec says: >> http://www.w3.org/TR/CSS21/text.html#propdef-text-decoration >> >> Unfortunately, I didn't find a workaround for IE (for older Gecko, you >> specify a background-color on the generated content and it would cover the >> underline, but that doesn't work in IE. >> >> Philippe >> -- >> Philippe Wittenbergh >> http://l-c-n.com/ > > Painting the underline with a background does not work in IE8, but > what about a white outline that covers the underline? > > > a{ > text-decoration:none; > } > a:hover, a:focus, a:active{ > text-decoration:underline; > } > > a[href*="pdf"]:after{ > display: inline-block; > margin-left: 1ex; > color: #333; > content: " (PDF) "; > text-decoration: none; > > outline: 2px solid white; /* paint it white, I'd hide that from > none-IE-browsers */ > line-height:0.9; /* to be adjusted */ > > } > a[href*="pdf"]:hover:after{ > text-decoration:none; > } > ______________________________________________________________________ > css-discuss [css-d@lists.css-discuss.org] > http://www.css-discuss.org/mailman/listinfo/css-d > List wiki/FAQ -- http://css-discuss.incutio.com/ > List policies -- http://css-discuss.org/policies.html > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
