#html #css #implementation #rounded-corners
#HTML #css #реализация #закругленные углы
Вопрос:
Я нахожусь в такой ситуации:
Мне нужно сделать закругленные углы и тень для некоторых блоков в веб-дизайне. Пока у меня нет всего дизайна, и я не знаю, сколько коробок у меня будет.
На данный момент у меня есть 2 разных размера по «ширине» и, конечно, изменяемый размер по «высоте».
Вопрос в том,:
Какую технологию вы предлагаете мне использовать в этой ситуации ?
PS: Обычно я использую css, создавая 2 или 3 изображения для блоков с одинаковым размером «width»
Но теперь я думаю: «Может быть, это уже старый стиль«, слишком много классов css, не автоматических … и т.д.?
- Может быть, я могу использовать Jquery (js) — (чего обычно я стараюсь избегать, потому что это немного тяжеловато, не похоже на css, но у меня уже включен jquery) и должен ли я?
- Использовать css3 (но проблема в IE7 / 8)?
- Использовать другой способ ?
Как вы думаете, ребята, какова наилучшая практика на данном этапе внедрения?
Обновлено:
Поскольку я начинаю новый проект, я хотел бы сейчас ознакомиться с наилучшей практикой:
Я не сложен или не могу сделать этого, и я также знаю несколько способов / плагинов в 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, уже привыкли к ухудшенному веб-интерфейсу, поэтому не будут расстроены, если в нем отсутствуют закругленные углы.