html – CSS框阴影无法在Chrome上运行_html-js-css

概述CSS box-shadow适用于Mozilla,但不适用于Chrome. 如果我在div上使用该类(即id为mydiv的div),它就可以了！为什么我不允许在tr标签上使用box shadow？ <!DOCTYPE html> <html lang="en"> 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;         }

总结

以上是内存溢出为你收集整理的html – CSS框阴影无法在Chrome上运行全部内容，希望文章能够帮你解决html – CSS框阴影无法在Chrome上运行所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址:https://www.54852.com/web/1062916.html