css - CSS - Internet Explorer 不会显示框阴影和过渡

Question

我正在尝试使用过渡和框阴影突出显示 div。

  transition: transform .8s ease-in;
  box-shadow: 0 5px 10px 2px rgba(0, 0, 0, .2);

我让它在 Chrome 但不是 IE 中运行。你有什么建议？

--- 2020 年 5 月 1 日更新 ---

我缩小了我的问题。如果我将显示更改为块或表格，它可以工作，但默认情况下元素是表格行。当我更改显示时，它可以工作，但会影响我的样式。有什么特别的线索显示“table”和“table-row”之间的区别是什么？

标签： cssinternet-explorertransformtransitionbox-shadow

Answer 1

尝试使用以下代码：

transition: transform .8s ease-in;
box-shadow: 0 5px 10px 2px rgba(0, 0, 0, .2);
-webkit-transition: transform .8s ease-in;
-webkit-box-shadow: 0 5px 10px 2px rgba(0, 0, 0, .2);