Actually it worked because it still had the tabindex that Greg Gamble suggested I add. I took that out and it stopped receiving focus. So it's definitely the tabindex.

and now how to deal with extra tab stops ...

thanks!

Sandy

On 2019-07-26 1:59 p.m., Sandy Feldman wrote:
yes, but WHY?!! and thank you very much!

http://ineeda.coffee/3rollover.html


And any thoughts about the extra tab stops?

Also, adding tabindex to the div, as Greg Gamble suggested, worked too. But still there are those extra tab stops ...

http://ineeda.coffee/2rollover.html


Sandy

On 2019-07-26 1:40 p.m., Karl DeSaulniers wrote:
Does this work?  > > .flipcontainer:hover .overlay, .flipcontainer:focus .overlay { >
opacity: 1; } > > Best, Karl > > Sent from losPhone > >> On Jul 26, 2019, at 12:17 PM, Sandy Feldman >> <sa...@sandyfeldman.com> wrote: >> >> hey all, >> >> I have a thing where the css is working on hover but not on focus. >> I have the same syntax for both. The css validates. What am I >> missing here?! >> >> .flipcontainer:focus .overlay { opacity: 1; } .flipcontainer:hover >> .overlay { opacity: 1; } >> >> http://ineeda.coffee/2rollover.html >> >> thanks! Sandy >> >> ______________________________________________________________________ >> >> css-discuss [css-d@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@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/ --
Sandy
sandyfeldman.com

______________________________________________________________________
css-discuss [css-d@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/

--
Sandy
sandyfeldman.com

______________________________________________________________________
css-discuss [css-d@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/

Reply via email to