фоновое изображение с tr и th - PullRequest
Новая
       1

фоновое изображение с tr и th

1 голос
/ 28 августа 2009

У меня есть 'tr' с background-image и на 'th' я хочу показать изображение в правом углу, чтобы указать, отсортирован ли этот столбец. У меня есть стиль CSS, как показано ниже:

tr.header {

background-image: url(../Images/bg.gif);
background-repeat: repeat-x;

}

th.sort {

background-repeat: no-repeat; 
background-position: center right; 
background-image: url(../Images/sort_bg.gif);

}

Это хорошо работает на IE8 и firefox3, но не на IE7.

Кто-нибудь знает, как заставить его работать на IE7?

Ответы [ 3 ]

1 голос
/ 28 августа 2009

Попробуйте добавить этот тип документа в начало вашей страницы: 

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
0 голосов
/ 18 апреля 2014

Это старый способ, однако он появляется в верхней части Google, когда вы ищете 'th background image css', поэтому здесь стоит получить ответ.

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

http://www.w3schools.com/cssref/pr_background-image.asp

"Примечание. IE8 и более ранние версии не поддерживают несколько фоновых изображений для одного элемента."

не уверен, почему он вообще работал в IE8.

Если я действительно придумаю решение, я опубликую его.

0 голосов
/ 28 августа 2009

оба класса не работают или только один из классов не работает?

.header {background: url (../ Images / bg.gif) repeat-x; } .sort {background: url (../ Images / sort_bg.gif) без права повтора; } / * следует по умолчанию на среднем * /

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

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

...