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に適用する代わりに、子供に適用する：

.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ボックスの影がChromeで動作しない

答えて

関連する問題