
Ниже код того что на картинке.
Card 1

Card 2

Card 3

И уже на него IE -(IE -)
#test2 span { cursor: pointer; }Ну и тут же тема, как ловить события от псевдоэлемента, имеем три варианта:
if (e.offsetX > e.target.clientWidth) {
N | ИД | МЭС | Договор | Квартал | Комментарий | Состояние |
---|---|---|---|---|---|---|
1 | 58 | МЭС Центра | 30-2012 от 18.10.2012 | IV 2016 | Декабрь 2016 | Формирование |
2 | 57 | МЭС Северо-Запада | 30-2012 от 18.10.2012 | IV 2016 | Декабрь 2016 | Формирование |
3 | 56 | МЭС Волги | 30-2012 от 18.10.2012 | IV 2016 | Декабрь 2016 | Формирование |
4 | 55 | МЭС Урала | 30-2012 от 18.10.2012 | IV 2016 | Декабрь 2016 | Формирование |
5 | 54 | МЭС Западной Сибири | 30-2012 от 18.10.2012 | IV 2016 | Декабрь 2016 | Формирование |
6 | 53 | МЭС Сибири | 30-2012 от 18.10.2012 | IV 2016 | Декабрь 2016 | Формирование |
7 | 52 | МЭС Востока | 30-2012 от 18.10.2012 | IV 2016 | Декабрь 2016 | Формирование |
8 | 51 | МЭС Центра | 30-2012 от 18.10.2012 | III 2016 | Формирование | |
9 | 50 | МЭС Северо-Запада | 30-2012 от 18.10.2012 | IV 2015 | Не подлежит закрытию | Формирование |
10 | 49 | МЭС Волги | 30-2012 от 18.10.2012 | IV 2015 | Не подлежит закрытию | Формирование |
11 | 48 | МЭС Востока | 30-2012 от 18.10.2012 | IV 2016 | Октябрь 2016 | Утвержден |
12 | 47 | МЭС Урала | 30-2012 от 18.10.2012 | IV 2016 | Октябрь 2016 | Утвержден |
13 | 46 | МЭС Западной Сибири | 30-2012 от 18.10.2012 | IV 2016 | Октябрь 2016 | Утвержден |
14 | 45 | МЭС Востока | 30-2012 от 18.10.2012 | IV 2015 | Не подлежит закрытию | Формирование |
15 | 44 | МЭС Урала | 30-2012 от 18.10.2012 | IV 2015 | Не подлежит закрытию | Формирование |
16 | 43 | МЭС Западной Сибири | 30-2012 от 18.10.2012 | IV 2015 | Не подлежит закрытию | Формирование |
17 | 42 | МЭС Центра | 30-2012 от 18.10.2012 | IV 2016 | Перенос на октябрь | Утвержден |
18 | 41 | МЭС Сибири | 30-2012 от 18.10.2012 | IV 2016 | Перенос на октябрь | Утвержден |
19 | 40 | МЭС Центра | 30-2012 от 18.10.2012 | IV 2015 | Не подлежит закрытию | Формирование |
20 | 39 | МЭС Северо-Запада | 30-2012 от 18.10.2012 | IV 2016 | Перенос на октябрь | Утвержден |
21 | 38 | МЭС Центра | 30-2012 от 18.10.2012 | III 2016 | Утвержден | |
22 | 37 | МЭС Юга | 30-2012 от 18.10.2012 | IV 2016 | Декабрь 2016 | Формирование |
23 | 36 | МЭС Волги | 30-2012 от 18.10.2012 | IV 2016 | Перенос на октябрь | Утвержден |
24 | 35 | МЭС Урала | 30-2012 от 18.10.2012 | III 2016 | Утвержден | |
25 | 34 | МЭС Западной Сибири | 30-2012 от 18.10.2012 | III 2016 | Утвержден | |
26 | 33 | МЭС Сибири | 30-2012 от 18.10.2012 | III 2016 | Утвержден | |
27 | 32 | МЭС Сибири | 30-2012 от 18.10.2012 | IV 2015 | Не подлежит закрытию | Формирование |
28 | 31 | МЭС Востока | 30-2012 от 18.10.2012 | III 2016 | Утвержден | |
29 | 26 | МЭС Урала | 30-2012 от 18.10.2012 | II 2016 | Утвержден | |
30 | 25 | МЭС Волги | 30-2012 от 18.10.2012 | II 2016 | Утвержден | |
31 | 24 | МЭС Северо-Запада | 30-2012 от 18.10.2012 | II 2016 | Утвержден | |
32 | 22 | МЭС Западной Сибири | 30-2012 от 18.10.2012 | II 2016 | Утвержден | |
33 | 21 | МЭС Сибири | 30-2012 от 18.10.2012 | II 2016 | Утвержден | |
34 | 20 | МЭС Юга | 30-2012 от 18.10.2012 | II 2016 | Утвержден | |
35 | 19 | МЭС Центра | 30-2012 от 18.10.2012 | II 2016 | Утвержден |
Задача, в таблице есть строки с некоторыми стилями флагами, код и js недоступен, только css, нужно проставить title атрибут, некий аналог. tr.is-foreign:hover td:nth-child(2):before { position: absolute; background: #fff; border: 1px solid grey; border-radius: 3px; color: #000; padding: 4px 6px; margin-top: -24px; content: "\421\418\20\43D\430\20\0437\430\43C\435\43D\443"; } От "Чужое СИ" взял Unicode Entities, получил %u0427%u0443%u0436%u043E%u0435%20%u0421%u0418 %u0 заменяем на \, %u на \ получаем значение content