크롬에서 CSS 상자 그림자가 작동하지 않습니다.

CSS box-shadow은 Mozilla에서는 작동하지만 Chrome에서는 작동하지 않습니다. div에있는 클래스 (예 : mydiv 인 div)를 사용하면 효과적입니다. tr 태그에 상자 그림자를 사용할 수없는 이유는 무엇입니까?크롬에서 CSS 상자 그림자가 작동하지 않습니다.

<!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에서만 테스트되었습니다. tr에 CSS를 적용하는 대신 자녀에게 적용 :

.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에 대한 지식이 적다"또는 "그것이 작동하는 방식이며 시행 착오를 사용해야합니다"때문입니다. –

크롬에서 CSS 상자 그림자가 작동하지 않습니다.

답변

관련 문제