Question

我对我的div＆＃34; Border＆＃34;它适用于所有其他浏览器，但不适用于IE 10。任何人都知道为什么会发生这种情况？谢谢。

＆＃13;

.border {
  background: white;
  border: 8px solid transparent;
  -moz-border-image: -moz-linear-gradient(top left, white 50%, #3a4ed5 100%);
  -webkit-border-image: -webkit-linear-gradient(top left, white 50%, #3a4ed5 100%);
  border-image: linear-gradient(to bottom right, white 50%, #3a4ed5 100%);
  border-image-slice: 1;
}

.border {
  background-color: white;
  display: block;
  height: 50px;
  width: 150px;
  text-align: center;
  transform: skewX(-15deg);
}

＆＃13;

<div class="border">
  <div>

＆＃13;

Answer 1

您说您已将元标记设置为模拟IE10。

IE10不支持边框图像，只有IE11。（您可以在此确认：http://caniuse.com/border-image/embed/。）

因此，如果您将IE11设置为模拟IE10，它将停止支持边框图像。

要解决此问题，您需要删除IE10仿真。这里最好的办法是明确告诉IE使用它的最佳可用模式。这可以按如下方式完成：

<meta http-equiv="X-UA-Compatible" content="IE=edge">

只需更换现有的元标记，就可以解决边框图像问题。

但是，在进行更改之前，您应该检查以确认您的网站是否有任何其他原因可能想要处于IE10模式。我猜是没有任何理由，但值得检查。

边框图像渐变不适用于IE10？

1 个答案: