Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 14.02.2019, 12:57
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 9,966

CSS Grid && IE
В родительский div выводятся DIV CSS Grid строки, как коллекция его набора. При этом display: grid имеет только первый DIV коллекции, а остальные скрыты - display: none. Раскрываются они сменой стиля с "none" на "grid".

Все нормально работает, кроме ослика. Определение в ослике

this.style.display = "ms-grid"

не работает, так и остается "none". Если способ скрыть/показать сетку в ослике?
Ответить с цитированием
  #2 (permalink)  
Старый 14.02.2019, 14:21
Аватар для Malleys
Профессор
Отправить личное сообщение для Malleys Посмотреть профиль Найти все сообщения от Malleys
 
Регистрация: 20.12.2009
Сообщений: 542

Сообщение от laimas
this.style.display = "ms-grid"
Нужно this.style.display = "-ms-grid";, но лучше использовать атрибут hidden, он не затрагивает оригинальное значение display) Также нужно учитывать, что в IE11 используется старая спецификация (т. е. вместо grid-template-columns там было grid-columns (в IE11 оно реализовано как -ms-grid-columns) и т. д.) Такое преобразование можно совершить, например, при помощи autoprefixer
Ответить с цитированием
  #3 (permalink)  
Старый 14.02.2019, 14:52
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 9,966

Я знаю о старой спецификации, я же и пишу о ней. А вот о hidden я как-то не подумал, сейчас испробую.

PS. А нет, через атрибут будет довольно сложно. Дело в том, что вообще таких элементов на странице может быть 1000 с чем-то, и для них определена сортировка - внешняя по родительским блокам и внутренняя в родительских. Первый элемент в родительском блоке всегда видим, а остальные скрыты. Перемещение элементов в блоке при сортировке никак это правило не нарушает. А если через атрибут, то придется добавлять/удалять их, не хотелось бы все усложнять, и так накладно получается. Лучше к лешему ослика, не получится никак, пусть тогда в нем весь список будет раскрыт.

Последний раз редактировалось laimas, 14.02.2019 в 15:00.
Ответить с цитированием
  #4 (permalink)  
Старый 14.02.2019, 17:09
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 9,966

Через стили родителя все получилось.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
How to make css grid SomebodySomeone (X)HTML/CSS 3 15.01.2019 17:28
Встраиваем шрифт внутрь css sovsem-nub (X)HTML/CSS 0 26.09.2015 21:17
Использование combobox поля в grid dionic ExtJS 0 26.05.2011 14:12
JQuery CSS анализатор javascript jQuery 2 15.08.2010 21:27
Подскажите по CSS меню Александр_1988 Элементы интерфейса 1 17.05.2010 11:58