Олег, я это понимаю. Я к тому, что готовых решений я не ждал, не просил переписать мой код, исправить ошибки, не спросил что-то обобщенное ("как сделать колор пикер?"). Я спросил о конкретной проблеме/загвоздке. А советовать "разбираться на примерах", кидать ссылки на гугл/кодпен - это слегка не в ту калитку. Я и без того гуглил/пытлася разобраться на примерах и т.д.
verstak4444, нет, ты же не можешь ВНЕШНИМ отступом сделать блок шире/выше (и таким образом сделать border длиннее). А вот внутренний отступ может повлиять на размеры блока, тем самым увеличивая border этого блока.
А затемнение фона делается при помощи скрытого изначально элемента, растянутого на всю ширину и высоту экрана, который по клику делается видимым? Можно ли считать этот способ правильным, или есть более предпочтительные?
Ярослав Иванов,
Разве из этого не следует, что падинги не должы быть видны в случае с кодом выше? Лично я это понимаю так: если при box-sizing: border-box width и height включают в себя падинги и границы, то при нулевых width и height блок должен прятаться полностью, ведь для внутренних отступов и для границ места нет.
Да, согласен, что слишком много писанины для такое задачи, в итоге сделал проще. Но меня интересует в целом, почему нельзя делать так: (a == b) ? return 1: return 2. Если написать alert или что-то другое другое вместо return, то все работает, а вот с return в консоли ошибка.
Froggyweb: а как работает строка padding: 4% в этом коде? 4 процента от чего? Вот с width: 80% мне ясно все, это проценты от ширины родительского элемента. Но падинг, указанный в процентах мне слегка непонятен. Относительно чего проценты эти считаются? Тоже относительно род. элемента? Спасибо ;)