box-shadow не работает в Chrome или Safari - PullRequest
1 голос
/ 25 февраля 2012

Я пытаюсь дать некоторым ячейкам таблицы на своем веб-сайте тень вставки ... Однако тень отображается только в Firefox, а не в Safari или Chrome. Однако эти браузеры обнаруживают тот факт, что я сказал всем четным строкам иметь белый фон. Я надеюсь, что есть какое-то простое решение!

Вот код:

.appdescription tr:nth-child(even) {
background-color: white;
-webkit-border-radius: 2px;
-webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3);
   -moz-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3);
   -moz-border-radius: 2px;
   box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.3);
   border-radius: 2px;
}

и HTML:

<div class="appdescription">
<table>
<tr><td><h3> Current Version </h3></td></tr>
<tr><td><a> 1.4 </a></td></tr>
<tr><td><h3> Description </h3></td></tr>
<tr><td><a>
How much of a Doctor Who fan are you? 
Do you consider yourself a Whovian?
Do you know more than your friends about Doctor Who?
Find out by taking the Whovian Test.

Developed by Fabula Studios
www.fabulastudios.co.uk </a></td></tr>
<tr><td><h3> What's new </h3></td></tr>
<tr><td><a> New Logo </a></td></tr>

1 Ответ

2 голосов
/ 25 февраля 2012

Добавьте display: block; к этому CSS, и он должен работать.

Но я советую вам оставить таблицы и полностью преобразовать эту часть в простой <ul>

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...