Применение фонового изображения к строке таблицы - ошибка - PullRequest
1 голос
/ 30 июня 2011

Я вижу, что есть пара постов по этому поводу, в том числе на SO.Однако ни один из них не отвечает на вопрос, я публикую более новый с изображением, которое демонстрирует проблему в 4 браузерах.хотел бы, но, как вы видите, никто из остальных не делает ..

У кого-нибудь есть идеи?На данный момент, похоже, мне нужно вернуться к рисунку borad.

пс.добавление фона: нет или фонового изображения: ни один в TD не исправляет это.

Это код для моего теста:

<!DOCTYPE html>
<head>
<title></title>

    <style type="text/css">
        body
        {
            background-color:#aaa;
        }

        table
        {
            background-color:#fff;   
        } 

        tbody tr
        {
            height:80px;
            background:#aaa url("Content/LM_DROPDOWN_BG_BUTT_01.png") no-repeat bottom ;
            position:relative;
        }

        tbody tr td
        {
            background-image:none;
        }
    </style>


</head>
<body>


    <table>
        <thead>
            <tr>
                <th style="width:200">Col1</th>
                <th style="width:200">Col2</th>
                <th style="width:200">Col3</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Row 1 Col 1</td>
                <td>Row 1 Col 2</td>
                <td>Row 1 Col 3</td>
            </tr>
            <tr>
                <td colspan="3"></td>
            </tr>
            <tr>
                <td>Row 2 Col 1</td>
                <td>Row 2 Col 2</td>
                <td>Row 2 Col 3</td>
            </tr>
            <tr>
                <td colspan="3"></td>
            </tr>
            <tr>
                <td>Row 3 Col 1</td>
                <td>Row 3 Col 2</td>
                <td>Row 3 Col 3</td>
            </tr>
            <tr>
                <td colspan="3"></td>
            </tr>
        </tbody>
    </table>
</body>
</html>

1 Ответ

0 голосов
/ 30 июня 2011

Будет ли у вас работать вложенная таблица?

см. 3-ю строку

Работает кросс-браузер.Не симпатично (вложенная таблица!), Но выполняет свою работу.

Стиль <tr> - гул, проблематично, особенно кросс-браузер.В конце концов, tr может содержать только td.Он не предназначен для поддержки других вещей (попробуйте <table><tr><td>1</td></tr><div>2</div></table> для развлечения).

Кроме того, подарите Opera некоторую любовь.

edit : однако вам придетсялибо имеют одинаковую (фиксированную) ширину для вложенного <td> (или содержимого), в противном случае ширина <td> будет нарушена (не одинаково).

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...