html - 背景 : Linear Gradient with IE

Question

我是 html 和 CSS 的新手。

我正在使用 google 图表在 css 中制作一个表格，并且我在 VFP 中有一段代码可以使用 SQL 中的数据在 HTMl 中创建文件。

我想要在背景中具有不止一种颜色的确定单元格中，所以我在特定的单元格中使用此代码

这适用于 Firefox、Chrome 和 Edge，但不适用于 IE。我必须在代码中输入什么才能使用 iE？

    data.setProperty(2, 10, "background-color", "linear-gradient(to bottom,rgb(231,111,81) 50%,rgb(233,196,106) 50%");
    data.setProperty(2, 10,"style", "background:linear-gradient(to bottom,rgb(231,111,81) 50%,rgb(233,196,106) 50%");

Answer 1

您需要的是线性渐变的前缀，使用 autoprefixer 等工具生成所需的 css。

https://autoprefixer.github.io/

这对 IE 不起作用，因为它很旧，您需要在此处复制渐变。

https://colorzilla.com/gradient-editor/#e76f51+50,e9c46a+50

删除注释，您就拥有了几乎可以在任何地方使用的浏览器兼容的 CSS 渐变。

background: #e76f51; /* Old browsers */
background: -moz-linear-gradient(top,  #e76f51 50%, #e9c46a 50%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #e76f51 50%,#e9c46a 50%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #e76f51 50%,#e9c46a 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e76f51', endColorstr='#e9c46a',GradientType=0 ); /* IE6-9 */