小编Geo*_*rge的帖子

表行上的CSS box-shadow tr似乎不能跨浏览器一致地工作.在某些浏览器上显示阴影; 在别人身上,没有影子.

我正在使用以下CSS:

tr {
  background-color: rgb(165, 182, 229);
  box-shadow: 0px 2px 2px black;
  -moz-box-shadow: 0px 2px 2px black;
  -webkit-box-shadow: 0px 2px 2px black;
}
td, th {
  padding: 5px;
  text-align: left;
}

这是以下代码段的jsFiddle:

tr {
  background-color: rgb(165, 182, 229);
  box-shadow: 0px 2px 2px black;
  -moz-box-shadow: 0px 2px 2px black, ;
  -webkit-box-shadow: 0px 2px 2px black;
}
td, th {
  padding: 5px;
  text-align: left;
}

<table>
  <tr>
    <td>&nbsp;</td>
    <th>One</th>
    <th>Two</th>
  </tr>
  <tr>
    <th>Title</th>
    <td>Three</td>
    <td>Four</td> …

我正在开发一个主要使用该background-size:cover属性作为背景的网站.但是我想支持IE 7/8,我知道我可以使用IE条件注释,但检查属性支持会更有用,因为它可以支持其他旧浏览器,而不是IE.

我有解决背景问题的方法,但我需要知道何时用js添加它,具体取决于是否支持该background-size属性.

我的问题是,background-size在旧浏览器中检查css 属性的最佳方法是什么？

我已经看到了一些相关的问题,但它们都需要使用Modernizer,我不想使用额外的库,除非它是唯一的选择.

谢谢.