Тень CSS-бокса не работает в Chrome - PullRequest
Новая
       3

Тень CSS-бокса не работает в Chrome

4 голосов
/ 27 декабря 2011

CSS box-shadow работает на Mozilla, но не на Chrome. Если я использую класс на div (то есть div с id mydiv), он работает! Почему мне не разрешено использовать тень от тега tr? 

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

1 Ответ

4 голосов
/ 27 декабря 2011

Да, только что протестировано в 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;         
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...