ms-dred
@ms-dred
Вечно что то не то и что то не так...

Как проверить поддерживает ли display: table браузер?

Можно ли как то проверить поддерживает ли браузер display: table, display: table-row, display: table-cell?
  • Вопрос задан
  • 172 просмотра
Решения вопроса 1
alexey-m-ukolov
@alexey-m-ukolov Куратор тега JavaScript
В Modernzr реализована вот такая проверка: pastebin.com/Gk9PeVaQ
spoiler
(function() {
        var displayTests = ["table", "table-caption", "table-cell",
        "table-column", "table-column-group", "table-footer-group",
        "table-header-group", "table-row", "table-row-group"];
       
        var rules = document.createElement("div").style;
 
        for (var c=0; c<displayTests.length; c++) {
                var testValue = displayTests[c];
                Modernizr.addTest("display" + testValue, function() {
                        try {
                                rules.display = testValue;
                                return rules.display == testValue;
                        } catch (e) {
                                return false;
                        }
                })
        }
}());

Но это свойство не поддерживается только в самых-самых страшных динозаврах: caniuse.com/#feat=css-table
Соответственно, вам нужно нахакать определение IE6-7 и FF2.
Но если очень хорошо подумать: может, хрен с ними?
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы