Html 我可以为<;创建CSS渐变背景吗;td>;在IE8中?

Html 我可以为<;创建CSS渐变背景吗;td>;在IE8中?,html,background-image,html-table,css,Html,Background Image,Html Table,Css,我使用的是IE8而不是CSS3,我想知道,我有一些 <td> 有没有一种方法可以在IE 8没有CSS3的情况下为td的背景创建渐变?我试过了 td { background-image: -o-linear-gradient(bottom, rgb(254,133,107) 24%, rgb(35,171,17) 62%); } 及 但他们都不为我工作 现在,我知道我可以给td一个背景图像和photoshop一个渐变,但问题是,我的td大小不是恒定的,一个td可能有15

我使用的是IE8而不是CSS3,我想知道,我有一些

<td>
有没有一种方法可以在IE 8没有CSS3的情况下为td的背景创建渐变?我试过了

td { 
    background-image: -o-linear-gradient(bottom, rgb(254,133,107) 24%, rgb(35,171,17) 62%);
}

但他们都不为我工作

现在,我知道我可以给td一个背景图像和photoshop一个渐变,但问题是,我的td大小不是恒定的,一个td可能有150px的高度,一个可能有90px的高度,一个可能有150px的宽度,还有一个可能有90px的宽度。我需要一个通用代码,它将适用于所有td,无论其高度和宽度


有没有办法使td的背景图像自动成为td的宽度和高度,即使td的宽度和高度没有指定,即使它只是取决于td中有多少文本?

当我需要做css渐变时,我通常使用站点,当我需要做css渐变时,我通常使用site,因为它为你提供了所有css,让你在所有浏览器上工作。如果你想向td显示背景纹理,它为你提供了所有css,让你在所有浏览器上工作

CSS二级

td { 
    background-image: transparent url(a-real-image.img) repeat-x 0 0;
}
CSS三级

td { 
    background: rgb(30,87,153); /* Old browsers */
    background: linear-gradient(to bottom,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C */
}
CSS专有(其中“filter:”将处理microsoft ie 6-8[最后一行])


如果您想向td显示背景纹理,可以在此处学习-ms css:

CSS二级

td { 
    background-image: transparent url(a-real-image.img) repeat-x 0 0;
}
CSS三级

td { 
    background: rgb(30,87,153); /* Old browsers */
    background: linear-gradient(to bottom,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C */
}
CSS专有(其中“filter:”将处理microsoft ie 6-8[最后一行])


您可以在这里学习-ms css:

IE 8支持旧的、无效的、特定于Microsoft的css渐变语法。它没有提供所有正确的CSS渐变功能(例如,你不能指定停止位置),因此你将无法精确匹配你的渐变

这里是梯度的粗略近似值:

td {
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FE856B, endColorStr=#23AB11);
}

IE8确实支持旧的、无效的、特定于Microsoft的CSS渐变语法。它没有提供所有正确的CSS渐变功能(例如,你不能指定停止位置),因此你将无法精确匹配你的渐变

这里是梯度的粗略近似值:

td {
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FE856B, endColorStr=#23AB11);
}

嗯,那不是CSS3?另外,当我开始使用它时,它说“看起来你的浏览器不完全支持CSS渐变。你需要最新版本的Firefox、Chrome或Safari来使用这个工具。”嗯,那不是CSS3?另外,当我使用它时,它说“看起来你的浏览器不完全支持CSS渐变。你需要一个最新版本的Firefox、Chrome或Safari来使用这个工具。”可能重复的
-o-linear-gradient
适用于较旧版本的Opera(在他们切换到使用闪烁引擎之前)。可能重复的
-o-linear-gradient
用于较旧版本的Opera(在切换到使用闪烁引擎之前)。即CSS(Microsoft特定的非标准CSS)。这是IE 8唯一支持的CSS渐变语法。如果还有其他的,互联网现在已经听说了。顺便说一句,如果这只适用于IE 9之前的浏览器,他们有没有找到一种新的方法来为IE 9和IE 10做同样的事情?非常欢迎。IE9支持SVG作为背景图像,因此您可以对SVG渐变图像进行base-64编码,并将其用作背景图像。如果您勾选“IE 9支持”复选框,我们将为您执行此操作。(当然,您也可以引用外部SVG图像,而不是内联的编码图像。)好的,很好,嗯,最后一个问题。你给出的IE 10适当梯度的链接是CSS3吗?取决于你所说的“在CSS3中”是什么意思
-ms linear gradient
是一种非标准的特定于Microsoft的渐变语法,由IE 10支持-就像
-moz linear gradient
是一种非标准的特定于Firefox的渐变语法,自3.6版起由Firefox支持。但是,它们类似于
线性渐变
,它是IE10、Firefox 16和其他浏览器版本的一部分,并受IE10、Firefox 16和其他浏览器版本的支持,即CSS(特定于Microsoft的非标准CSS)。这是IE 8唯一支持的CSS渐变语法。如果还有其他的,互联网现在已经听说了。顺便说一句,如果这只适用于IE 9之前的浏览器,他们有没有找到一种新的方法来为IE 9和IE 10做同样的事情?非常欢迎。IE9支持SVG作为背景图像,因此您可以对SVG渐变图像进行base-64编码,并将其用作背景图像。如果您勾选“IE 9支持”复选框,我们将为您执行此操作。(当然,您也可以引用外部SVG图像,而不是内联的编码图像。)好的,很好,嗯,最后一个问题。你给出的IE 10适当梯度的链接是CSS3吗?取决于你所说的“在CSS3中”是什么意思
-ms linear gradient
是一种非标准的特定于Microsoft的渐变语法,由IE 10支持-就像
-moz linear gradient
是一种非标准的特定于Firefox的渐变语法,自3.6版起由Firefox支持。但是,它们类似于
线性渐变
,它是IE10、Firefox 16和其他浏览器版本的一部分,并且受IE10、Firefox 16和其他版本的支持。如果我理解正确,我认为不需要
-ms线性渐变
,因为IE 10也支持
线性渐变
。列出的IE10和IE11支持CSS渐变,您的理解似乎正确,只是不考虑IE的HER版本。IE 9根本不支持CSS渐变(除非你计算
过滤器
)。@PaulD.Waite“爱在空气中”。。我猜。如果我理解正确的话,我不认为需要
-ms线性梯度
,因为IE 10也支持
线性梯度
。列出的IE10和IE11支持CSS渐变,您的理解似乎正确,只是不考虑IE的HER版本。IE 9根本不支持CSS渐变(除非你计算
过滤器
)。@PaulD.Waite“爱在空气中”。。我想是吧。