html - HTML 代码 - 背景图片

Question

我在网页中添加了一些 html 代码以使背景突出。我必须更改代码才能在所有浏览器上运行，现在我已经破坏了它，有人可以告诉我哪里出错了吗？

<tr style=
"background-color: #114e64;
background-image: -webkit-gradient(linear,0% 0%, 0% 100%, color-stop(0%, #197192), color-stop(100%, #114e64));
background-image: -webkit-linear-gradient(#197192,#114e64);
background-image: -moz-linear-gradient(#197192,#114e64);
background-image: -o-linear-gradient(#197192,#114e64);
background-image: linear-gradient(#197192,#114e64);"
height="45">
</tr>

谢谢

Answer 1

这段代码对我来说很好。不要忘记添加一个 td 标记以使您的表格单元格可见。用你的代码看看这个 jsFiddle：http: //jsfiddle.net/2c8U4/

<table>
<tr style=
"background-color: #114e64;
background-image: -webkit-gradient(linear,0% 0%, 0% 100%, color-stop(0%, #197192), color-stop(100%, #114e64));
background-image: -webkit-linear-gradient(#197192,#114e64);
background-image: -moz-linear-gradient(#197192,#114e64);
background-image: -o-linear-gradient(#197192,#114e64);
background-image: linear-gradient(#197192,#114e64);"
height="45">
    <td>
        Test object
    </td>
</tr>
</table>

Answer 2

您应该使用 < td> （表格列）标签来让它工作。

<table>
<tr>
<td style="background-color:#114e64;
background-image: -webkit-gradient(linear,0% 0%, 0% 100%, color-stop(0%, #197192), color-stop(100%, #114e64));
background-image: -webkit-linear-gradient(#197192,#114e64);
background-image: -moz-linear-gradient(#197192,#114e64);
background-image: -o-linear-gradient(#197192,#114e64);
background-image: linear-gradient(#197192,#114e64);"
height="45">
</tr>
</table>

Answer 3

在这种情况下，请使用W3C CSS 验证服务

将您的样本转换为类似的内容以查找错误：

 tr {background-color: #114e64;
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%,
 color-stop(0%, #197192),
 color-stop(100%, #114e64));
 background-image: -webkit-linear-gradient(#197192, #114e64);
 background-image: -moz-linear-gradient(#197192, #114e64);
 background-image: -o-linear-gradient(#197192, #114e64);
 background-image: linear-gradient(#197192, #114e64);
}

一旦检查出来，您就可以将其转换回手头的 HTML 标记的样式属性。