CSS закругленные углы и тень

#html #css #implementation #rounded-corners

#HTML #css #реализация #закругленные углы

Вопрос:

Я нахожусь в такой ситуации:

Мне нужно сделать закругленные углы и тень для некоторых блоков в веб-дизайне. Пока у меня нет всего дизайна, и я не знаю, сколько коробок у меня будет.

На данный момент у меня есть 2 разных размера по «ширине» и, конечно, изменяемый размер по «высоте».

Вопрос в том,:

Какую технологию вы предлагаете мне использовать в этой ситуации ?

PS: Обычно я использую css, создавая 2 или 3 изображения для блоков с одинаковым размером «width»

Но теперь я думаю: «Может быть, это уже старый стиль«, слишком много классов css, не автоматических … и т.д.?

  1. Может быть, я могу использовать Jquery (js) — (чего обычно я стараюсь избегать, потому что это немного тяжеловато, не похоже на css, но у меня уже включен jquery) и должен ли я?
  2. Использовать css3 (но проблема в IE7 / 8)?
  3. Использовать другой способ ?

Как вы думаете, ребята, какова наилучшая практика на данном этапе внедрения?

Обновлено:

Поскольку я начинаю новый проект, я хотел бы сейчас ознакомиться с наилучшей практикой:

Я не сложен или не могу сделать этого, и я также знаю несколько способов / плагинов в jquery или CSS3, вопрос был не в том, какой плагин или как взломать IE, а в том, «Должен ли я использовать js / hacks в моем случае?»

Если я использую JS, у меня не будет чистого css / HTML, который быстрее — js тяжелый -> МИНУС JS делает более динамичный / простой и меньше HTML / CSS-кода — -> Плюс

Я хотел бы получить совет по этому поводу

Спасибо

и т.д…

Комментарии:

1. JS не «тяжелее» и не легче CSS. Все зависит от того, что вы с этим делаете. Главное — убедиться, что хорошие браузеры не обременены какими бы то ни было JS или CSS, которые вы используете для IE. Убедитесь, что вы размещаете свои JS / CSS / изображения с закругленными углами только в IE, используя условные теги IE.

Ответ №1:

Проверьте http://css3pie.com для ограниченной поддержки CSS3 в IE 6-8

Ответ №2:

Используйте CSS3 и пусть IE7 и 8 имеют квадратные углы. Это единственный разумный способ добиться этого. Существует множество способов использования изображений и JS для IE7 / 8, но, проделав это не один раз, я действительно не советую.

Комментарии:

1. Мне нужен кроссбраузерный дизайн

2. вот почему я прошу лучший способ, который работает во всех браузерах одинаково, я знаю несколько, но какой из них лучший, это был мой реальный вопрос

3. К сожалению, «лучший» способ не является кроссбраузерным решением. Если вы хотите использовать кроссбраузерность, вам нужно где-то разделить вашу логику. Используйте CSS3 для всех хороших браузеров, затем комбинацию JS и изображений для <= IE8. Лично я никогда не считал, что дополнительная сложность и вес страницы стоят того, чтобы просто получить закругленные углы в IE. Люди, использующие старые версии IE, уже привыкли к ухудшенному веб-интерфейсу, поэтому не будут расстроены, если в нем отсутствуют закругленные углы.