背景图像与tr和th

时间:2009-08-27 23:16:31

标签: css

我有背景图像的'tr'和'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 个答案:

答案 0 :(得分:1)

尝试将此文档类型添加到页面顶部:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

答案 1 :(得分:0)

这两个课程都不起作用,或者只是其中一个课程不起作用?

.header {background:url(../ Images / bg.gif)repeat-x; } .sort {background:url(../ Images / sort_bg.gif)no-repeat right; } / *应默认为中*

          ...

答案 2 :(得分:0)

这是旧的,但是当你搜索“背景图片css”时,它会出现在google的顶部,所以它值得在这里得到答案。

我认为你在IE7中的单个元素上运行多个bg图像是不走运的:

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

&#34;注意:IE8及更早版本不支持在一个元素上使用多个背景图像。&#34;

根本不确定为什么它在IE8中适合你。

如果我真的拿出解决方案,我会发布它。