微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

html – CSS框阴影无法在Chrome上运行

CSS Box-shadow适用于Mozilla,但不适用于Chrome.
如果我在div上使用该类(即id为mydiv的div),它就可以了!
为什么我不允许在tr标签上使用Box shadow?

<!DOCTYPE html>                                                    
<html lang="en">                                                   
    <head>                                                         
    <style>
        .item_row:hover {
        Box-shadow: 0px 0px 8px 2px #CCCCCC inset;                 
        -moz-Box-shadow: 0px 0px 8px 2px #CCCCCC inset;            
        -webkit-Box-shadow: 0px 0px 8px 2px #CCCCCC inset;         
        }                                                          
    </style>
    </head>
    <body>
        <div id='mydiv'>
            <table>
                <tr class='item_row'>                              
                <td>test</td>
                </tr>                                              
            </table>                                               
        </div>
    </body>
</html>

解决方法

是的,只是在Chrome中测试过.
而不是将您的CSS应用于tr,而是应用于子td:

.item_row:hover td {
  Box-shadow: 0px 0px 8px 2px #CCCCCC inset;                 
  -moz-Box-shadow: 0px 0px 8px 2px #CCCCCC inset;            
  -webkit-Box-shadow: 0px 0px 8px 2px #CCCCCC inset;         
}

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐