Can't figure out why hover state is not working

[Doug]

Hi, all

I have specified

`.FamiliesResources p a:hover {
zoom: 1 ;
filter: alpha(opacity=50) ;
opacity: 0.5 ;
}
.FamiliesResources p a:active {
zoom: 1 ;
filter: alpha(opacity=85) ;
opacity: 0.85 ;
}`

The HTML is here:

<div class="FamiliesResources">
    <p><a href="http://casel.org/in-schools/tools-for-families/" title="CASEL" target="_blank"><img src="http://cbhmboston.com/wp-content/gallery/family-resources/casel.png" width="249" height="46" alt="CASEL" /></a></p>
    <p><a href="http://www.mass.gov/eohhs/gov/commissions-and-initiatives/cbhi/" title="CBHI" target="_blank"><img src="http://cbhmboston.com/wp-content/gallery/family-resources/cbhi.png" width="92" height="52" alt="CBHI" /></a></p>
    <p><a href="http://families-first.org/parents/tips.cfm" title="Families First" target="_blank"><img src="http://cbhmboston.com/wp-content/gallery/family-resources/families-first.png" width="173" height="73" alt="Families First" /></a></p>
    <p><a href="http://www.nasponline.org/families/" title="NASP" target="_blank"><img src="http://cbhmboston.com/wp-content/gallery/family-resources/nasp-families.png" width="260" height="50" alt="NASP Families" /></a></p>
    <p><a href="http://www.open-circle.org/resources/for_families.html" title="Open Circle" target="_blank"><img src="http://cbhmboston.com/wp-content/gallery/family-resources/open-circle.png" width="147" height="57" alt="Open Circle" /></a></p>
    <p><a href="http://www.bpsfamilies.org/parentuniversity" title="Parent University" target="_blank"><img src="http://cbhmboston.com/wp-content/gallery/family-resources/parent-university.png" width="190" height="50" alt="Parent University" /></a></p>
</div>

for this page: http://cbhmboston.com/families-cbhm/resources/

Can't figure out why hover state is not working. Could anyone lend a hand as to why?

Thank you,
Doug

http://cbhmboston.com/families-cbhm/resources/

[John]

Hey Doug,

It actually works in Firefox, but to make it work better across more browsers, try changing

a:hover

to

a img:hover

John

---

John Sundberg | blackhillswebworks.com
A WordPress developer’s toolbox: Firebug | WordPress Codex | Google 😉

[Doug]

John,

As always, thank you! How are things in the Black Hills today?

Peace, Doug

[John]

Doug,

72 degrees, sunny, and beautiful as always in the Black Hills!

John

---

John Sundberg | blackhillswebworks.com
A WordPress developer’s toolbox: Firebug | WordPress Codex | Google 😉

[Author]

Posts