Это мой метод, я использую условные выражения для нацеливания файлов CSS на браузеры IE.
Скажем, у вас есть div с идентификатором #page_container. В вашем обычном файле master.css или css3.css вы должны указать ширину, высоту, закругленные углы и тени с помощью стилей.
Теперь, когда IE попадет на вашу страницу, он получит условие css, которое вы установили. Для того же самого div # page_container вы можете немного изменить ширину, высоту, возможно, отступы, а затем дать ему фоновое изображение, чтобы оно выглядело как падающая тень, версия с закругленным углом.
Итак, ваша голова будет иметь это:
<head>
<link rel="stylesheet" type="text/css" href="master.css" />
<!--[if lte IE 8]> <link rel="stylesheet" type="text/css" href="ie.css" /> <![endif]-->
</head>
В файле master.css у вас будет это определение для вашего основного div:
div#page_container {
width: 960px;
height: auto;
padding: 10px 10px 10px 10px;
background: #ccc;
drop-shadow: whatever...
rounded-corner: whatever...
}
Теперь, в вашем файле ie.css, и поскольку на него ссылается ваша секунда, определение будет каскадно вниз, так что вы можете немного его изменить:
div#page_container {
width: 960px;
height: auto;
padding: 15px 15px 15px 15px; /* this is key */
background: #ccc url(/path/to/image.file) no-repeat top left;
}
Добавьте достаточно дополнительных отступов, чтобы тени падали в соответствии с фоновым изображением. Поскольку он распространяется каскадно, он перезаписывает исходный отступ в 10 пикселей, расширяя блочную модель, чтобы она соответствовала вашей дополнительной теневой графике.
Пара преимуществ этого метода включает:
- Только IE увидит это определение и вызов изображения. Если это приложение большого объема, это сэкономит пропускную способность и любые задержки, связанные с вызовом.
- Аналогичным образом, поскольку вы не жестко закодировали графику с закругленными углами, которую будет видеть каждый браузер, пользователям Firefox и Safari не нужно будет загружать сервер дополнительными вызовами изображений.
- Нет необходимости добавлять еще один плагин javascript, который проверяет IE, создает новую разметку, время и т. Д ...