html - 不同于 1 或 0 的 CSS 不透明度在 IE11 中不起作用

标签 html css internet-explorer-11 opacity

我遇到了 Internet Explorer 11 的 css 属性不透明度问题。代码非常简单:

<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<style>
div{
  width:100px;
  height: 100px;
  background: blue;
}
#d1{
  opacity: 1;
}
#d2{
  opacity: 0.7;
}
</style>
</head>
<body>
<div id='d1'>df</div>
<div id='d2'>trtret</div>
</body>
</html>

在 IE11 上，不透明度设置不适用于第二个 div。所有其他浏览器都很好。我通过本地 uWamp 使用 Apache 服务器(所以它是一个本地主机网站，但放在网上时也是一样)。

我知道还有其他关于这个主题的话题，但到目前为止没有得到他们的帮助......

使用开发人员工具，我发现 IE 将不透明度设置为 0: Wrong opacity in IE

最佳答案

background-color 的技巧奏效了，但是 meta 标签没有改变任何东西。

最后，我通过删除 IE 缓存(tools --> internet options --> general --> delete...)获得了“opacity”css。

关于html - 不同于 1 或 0 的 CSS 不透明度在 IE11 中不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37565745/