Центрированное содержимое с тенью и фоновым рисунком.Является ли прозрачный PNGS единственным путем?

Question

Если да, то какое исправление PNG IE вы бы порекомендовали?

Answer 1

Если вам необязательно нужен ваш CSS для проверки, вы можете использовать это:

.box-shadow {
    -moz-box-shadow: 2px 2px 3px #969696; /* FF 3.5+ */
    -webkit-box-shadow: 2px 2px 3px #969696; /* Webkit = Safari + Chrome */
    -khtml-box-shadow: 2px 2px 3px #969696; /* Konqueror */
    box-shadow: 2px 2px 3px #969696; /* Opera */
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=145, Strength=3); /* IE */
}

При необходимости используется свойство CSS3 box-shadow, а для MSIE - фильтры.Если вы можете верить, что ваши пользователи обновили браузер или используют IE, вы должны быть в безопасности.

Код не совсем из моей головы, я использовал http://www.smashingmagazine.com/2010/04/28/css3-solutions-for-internet-explorer/ для справки.

Answer 2

Если ваша падающая тень частично прозрачна и не может использовать .gif, тогда да, это действительно единственный путь. Во-первых, я должен сказать обязательный% ^ & * IE 6. Во-вторых, мне очень повезло с http://jquery.andreaseberhard.de/pngFix/, но я люблю некоторые jquery, поэтому примите это как личное мнение, и если вы уже не используете jquery не может быть лучшим для вас.