CSS盒子阴影不适用于Chrome

CSS box-shadow适用于Mozilla，但不适用于Chrome。如果我使用div上的类（即div与ID mydiv）它的工作原理！为什么我不允许在tr标记上使用框阴影？CSS盒子阴影不适用于Chrome

<!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>

来源

2011-12-27 nizam.sp

是的，刚刚在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;   
}

来源

2011-12-27 17:24:59

是的。它适用于td。有时候CSS不适用于逻辑。为什么这样？是因为“关于css的知识较少”或者“它的工作方式，我们需要使用试验和错误”。 – 2012-01-06 10:50:52

CSS盒子阴影不适用于Chrome

回答

相关问题