jQuery悬停和盒子模型？(jQuery hover and box model?)

 我似乎遇到了一个我以前从未见过的问题，发生在chrome和safari（mac，还没有其他测试过的浏览器）中，当光标击中任何一个时，改变目标元素兄弟背景的悬停效果会失败目标具有填充，边框或框阴影。 有没有人遇到过这个，如果有的话，解决方案是什么？ 我想它不会很复杂，但是我的搜索空手而归。 我使用的样式对我来说有点不典型，所以这是我第一次看到它。 
 
 谢谢！ 

I seem to be encountering an issue I've never seen before, happening in both chrome and safari (mac, no other browsers tested yet) where a hover effect that changes the background of a sibling of the target element fails when the cursor hits any padding, borders or box-shadow the target has. Has anyone encountered this, and if so what was the solution? I imagine it can't be complex, yet I have come up empty handed with my search. The styles I am using are slightly atypical for me, so this is the first time I'm seeing it.
 
Thanks!

原文：https://stackoverflow.com/questions/37356343