Я неоднократно сталкивалась с проблемой: не отображаются тени (box-shadow) в IE9 для блока если он находится в таблице. Чтобы тени появились в данном браузере надо чтобы у таблицы было значение border-collapse: separate; либо это значение надо прописать самому блоку у которого не отображается тень.

Оценить:|2
  
Комментировать
Раздел: CSS    
Просмотров: 3570
Комментариев (5)
  1. DEZZZZZ
    Батусов Андрей [DEZZZZZ]
    08.11.2012 в 07:46

    Так вы хотите сделать тень для блока внутри ячейки? или для самой ячейки?

  2. DEZZZZZ
    Батусов Андрей [DEZZZZZ]
    08.11.2012 в 12:23

    В этом случае если тебе нужно чтобы у таблицы было свойство border-collapse:collapse; , то чтобы у блока отобразились тени нужно задать свойство border-collapse:separate; для самого дива.
    HTML:

    <table>
    	<tr>
    		<td>
    			<div></div>
    		</td>
    	</tr>
    </table>

    CSS:

    table{
    	margin:50px auto;
    	border-collapse:collapse;
    	position:relative;
    }
    table, tr, td {
    	border:1px solid #000;
    }
    td {
    	padding:20px;
    	position:relative;
    }
    
     td div {
     	width:100px;
    	height:100px;
    	background:#ff0000;
    	box-shadow:0 0 10px #000;
    	border-collapse:separate;
    	}
    
  3. DEZZZZZ
    Батусов Андрей [DEZZZZZ]
    08.11.2012 в 13:29

    ой, что-то меня видимо переклинило, я почему то подумал что это вопрос)))

Оставить комментарий