Размер окна-обозревателя Internet Explorer 10

Question

Обычно я не беспокоюсь о небольших различиях в рендеринге теней в разных браузерах, но в этом случае размер теневой коробки важен. IE9 и IE10 отображают smaller box-shadow. Проводник 9 можно зафиксировать с помощью небольшой тени с тенью, используя условные комментарии, но IE10, похоже, устранил поддержку условных комментариев. Есть ли способ исправить размер тени в IE10 и сделать его немного больше, чем сафари, хром, firefox?

Я знаю, что это немного похоже на this question, но, возможно, у кого-то есть трюк для размера теней для теней, который работает только в IE9/10 или IE10.

Для записи - это отзывчивый сайт, и коробка-тень в вопросе применяется к Li элементу с шириной (в процентах для навигации)

Answer 1

Я нашел решение. Там есть несколько тэгов, но это CSS only и нацелены как на IE9, так и на IE10. Он называется @media Zero Hack. Вы можете найти эту и другие IE10 хак на http://www.impressivewebs.com/ie10-css-hacks/

.navigation ul li a { 
    -moz-box-shadow: 2px 2px 7px #2d231c; 
    -webkit-box-shadow: 2px 2px 7px #2d231c; 
    -o-box-shadow: 2px 2px 7px #2d231c; 
    box-shadow: 2px 2px 7px #2d231c; 
} 
@media screen and (min-width:0\0) { 
    /* IE9 and IE10 rule sets go here */ 
.navigation ul li a { 
    box-shadow: 2px 2px 15px #3a312a; 
} 
} 

Он использует парсинг ошибку в IE9/10. Если эта ошибка исправлена ​​в IE11, это также будет доказательством в будущем. Я не знаю, как IE11 будет обрабатывать box-shadow. Подробнее о moving IE specific CSS into @media blocks