Как удалить фоновый цвет в теге <th>во всех браузерах IE при использовании фоновых изображений?

Question

Я пытаюсь стилизовать мою головку стола так, чтобы она имела закругленные углы с изображениями вроде этого:

<tr style="background: url(middleimage.gif) repeat-x;">
    <th style="background: url(leftimage.gif) no-repeat;">
        title
    </th>
    <th>
        title
    </th>
    <th style="background: url(rightimage.gif) no-repeat;">
        title
    </th>
</tr>

в Firefox это работает нормально, но в т. Е. Он заполняет первый и последний th-тег белым цветом фона и не отображает фоновое изображение в tr-теге.

Пример:

альтернативный текст http://i31.tinypic.com/54xhyf.jpg

Как мне это исправить?

Answer 1

Я предполагаю, что где-то вы устанавливаете этот цвет фона на белый.Вам нужно это делать?Можете ли вы сделать свой селектор более конкретным, чтобы не включать эти элементы?Можете ли вы специально переопределить их, чтобы они были прозрачными (используя все необходимое, чтобы эти переопределенные объявления имели приоритет) ...

Answer 2

вы пробовали

style="background: transparent url(yourimage.xyz) no-repeat;"