Igor Schnaider

Пользователь
  • Публикации

    673
  • Зарегистрирован

  • Посещение

  • Дней в лидерах

    63

Все публикации пользователя Igor Schnaider

  1. Там вместо display:none надо было обнулить width и height.
  2. В первом случае, думаю, дело в transform в CSS. С атрибутом transform, вроде, работает. (Но что мешает сразу поставить букву на нужное место просто через координаты?) По поводу clip-path: FF сейчас обновился, работает. Но раньше нужно было использовать SVG для описания clip-path. https://codepen.io/anon/pen/awmzev IE и Edge не поддерживают.
  3. Самое простое — подсвечивать SVG элементы, если у вас карта на SVG. Тогда не надо будет ничего позиционировать. Если у вас обычная картинка, то либо высчитывать отступы, задавать их в относительных размерах. Но тогда если карта еще и масштабируется, то это тоже прийдется учитывать. Либо немного упростить и делать слой с подсветкой на весь размер карты. Про то, чтобы загорались регионы, принцип такой.
  4. https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleSheet/insertRule
  5. 1, 2, 3.
  6. Лучше сам текст использовать в качестве маски для шестиугольника. Типа такого. И я бы преобразовал его в пути, чтобы он не поехал с центра, если будет использоваться fallback шрифт.
  7. https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/RegExp http://shop.oreilly.com/product/9780596528126.do — если хотите подробно изучить.
  8. Работает же ))
  9. top: 0; left: 0; right: 0; bottom: 0; добавьте
  10. Во-первых, не надо рисовать вручную. Делайте в редакторе. Нарисовали один многоугольник, клонировали его, поставили все на свои места. Оптимизатор их съест в один path. Отдельно — линия, которая будет иллюстрировать прогресс. И маска для картинки. Сам текст можно простым HTML вставить поверх.
  11. В смысле не масштабируется? Вы, наверное, ширину фиксированную оставили просто. https://codepen.io/anon/pen/qmVPde
  12. Можно с SVG так поэкспериментировать. Решение уродское, конечно )).
  13. На скорую руку как-то так. P. S. А вообще, достаточно посмотреть, как у них сделано.
  14. Ну если речь идет не о решении в лоб (if-else... ∞), то гуглите decision tree. https://en.wikipedia.org/wiki/Decision_tree
  15. Да вроде нормально.
  16. IE 8 их не поддерживает. http://caniuse.com/#search=vh
  17. Ну тогда по-уродски вешать классы и чередовать table и table-cell. https://codepen.io/anon/pen/OmbLVy
  18. Таблицей сделайте.
  19. Если на элементе HTML свойства background-image или background-color имеют значения none или transparent соответственно, браузер должен распространить значение этих свойств от элемента BODY. https://codepen.io/anon/pen/OmXBVb
  20. Это тот случай, когда наследование всплывает, а не распространяется на потомков. https://drafts.csswg.org/css-backgrounds/#body-background
  21. https://drafts.csswg.org/css-flexbox-1/#item-margins
  22. В смысле не работает? Можно пример.
  23. chrome

    Попробуйте сбросить их: :-webkit-full-screen-ancestor:not(iframe) { all: unset; }
  24. Ну, я на ноуте тоже вижу :-) Фиг знает, что это, сам в первый раз такое вижу. Можно так попробовать сделать. Или попробуйте картинку сделать в ×2 раза больше, может ретина так его.