Как отключить строку CSS, которая вызывает ошибку в IE7? - PullRequest
Новая
       7

Как отключить строку CSS, которая вызывает ошибку в IE7?

1 голос
/ 03 марта 2012

Мои пользователи с IE7 сообщали, что для второго столбца в таблицах отсутствуют границы.Наконец-то я смог отследить, что это вызвало - одну строку в telerik.common.css, которая включена потому, что различные страницы сайта используют расширения MVC Telerik.

Я бы хотел отключить толькоэто одна строка только для IE7 (без ошибок в IE6 или более поздних версиях IE).В приведенном ниже примере вместо текста используется цвет текста.

HTML 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Test</title>
<style type="text/css">
table.Standard td
{
    color: black;
}
table.Standard tr.First td
{
    color: red;
}

/* Line that makes all cells in the second column red */
.t-grid .t-group-cell+td,.t-grid .t-hierarchy-cell+td{border-left-width: 0}
</style>
</head>

<body>
<table class="Standard" cellspacing="0" cellpadding="6" border="0">
    <tr class="First">
        <td class="First">red</td>
        <td>red</td>
        <td>red</td>
        <td>red</td>
        <td>red</td>
        <td>red</td>
    </tr>
    <tr>
        <td class="First">black</td>
        <td>black</td>
        <td>black</td>
        <td>black</td>
        <td>black</td>
        <td>black</td>
    </tr>
    <tr>
        <td class="First">black</td>
        <td>black</td>
        <td>black</td>
        <td>black</td>
        <td>black</td>
        <td>black</td>
    </tr>
</table>
</body>
</html>

Ожидаемый вывод:

expected output

Вывод IE7:

IE7 output

Живой пример

Тесты с предварительным просмотром в Интернете

Браузеринг

браузер http://tgmayfield.com/sandbox/ie7-adjacency/Browserling-thumbnail.png

Adobe Browserlab

Browserlab http://tgmayfield.com/sandbox/ie7-adjacency/Browserlab-thumbnail.png

1 Ответ

2 голосов
/ 05 марта 2012

Мне удалось проверить ошибку с помощью реальной установки IE7.По какой-то причине ошибка не появляется в браузерном режиме IE9 для IE7.

Мне удалось отфильтровать оскорбительный CSS с помощью этого отвратительного вида: head ~ /* */ body

Так что угоднопосле объявления тела в этом хаке будут поняты все браузеры, кроме IE7 

head ~ /* */ body .t-grid .t-group-cell+td, head ~ /* */ body .t-grid .t-hierarchy-cell+td{border-left-width: 0}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...