Bizon4ik
28.10.2013 - 01:55
Доброе время суток.
Я тут просматривал код одного сайта, в образовательных целях, и наткнулся на следующий момент: создатели для того что бы нарисовать границы в теге input вместо border использовали box-shadow. Но понятно что этот стиль не будет работать в IE 8 и 7. И что бы решить эту проблему они дописали еще один стиль со следующим текстом
.no-boxshadow header.main div.utility-nav form.search > div { border: 1px solid #ccc; }
Объясните плз что такое .no-boxshadow (такого класса в html нет) или как оно работает.
П.С. Скрин страницы с консолью прилагаю
Игорь_Vasinsky
28.10.2013 - 06:39
этот как раз и есть описание стиля для элемента с классом no-boxshadow
может эл-т динамический и формируется JS
_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker
| Цитата (Игорь_Vasinsky @ 28.10.2013 - 06:39) |
| может эл-т динамический и формируется JS |
Но тогда, если открыть сайт в IE8 и поросмотреть HTML код, то должен быть класс no-boxshadow, но его нет. Или я ошибаюсь?
Игорь_Vasinsky
28.10.2013 - 12:06
нет, ты не ошибаешься, то что он там описан - это ещё не говорит о том что он там применён - бывает - "засоряют", раньше использовался - потом решили сменить, а описание осталось
_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker
Bizon4ik
28.10.2013 - 12:23
| Цитата (Игорь_Vasinsky @ 28.10.2013 - 08:06) |
| нет, ты не ошибаешься, то что он там описан - это ещё не говорит о том что он там применён - бывает - "засоряют", раньше использовался - потом решили сменить, а описание осталось |
Ок, спасибо, за мнение.
Но все же хочется понять как разработчки сайта решили эту проблему (для меня кросс-браузерность - темный лес, и хочется хоть немного его просветить.)
Если у вас будет время, глянте плз код сайта
http://www.contourglobal.com/, мой вопрос касайтеся формы search в header. Заранее спасибо.
Игорь_Vasinsky
28.10.2013 - 12:27
в css для для разных браузеров используют хаки
http://habrahabr.ru/post/125396/https://www.google.ru/#newwindow=1&q=css-%D...%B0%D0%BA%D0%B8
_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker