Question

我遇到了使用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服务器（因此它是一个localhost网站，但在线时也是如此）。

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

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

Answer 1

背景颜色的技巧有效，但元标记没有改变任何东西。

最后，通过删除IE缓存（salaries(emp_no, to_date)），我得到了“opacity”css。

Answer 2

在旧版Internet Explorer上，您需要添加此版本以获得透明度：

filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);

或者这个：

filter : alpha(opacity=70)

但是在IE10 +上你不再需要它了，你可以使用opacity: 0.7。

尝试在<head>标记之间添加此行：

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

此行强制IE11使用最新的渲染引擎（在这种情况下为Edge引擎）。

Answer 3

CSS opacity属性似乎可以在IE11上正常工作，在HTML文档顶部（在<!DOCTYPE html>打开标记之前）添加<html>声明

（我很抱歉回答这个问题有点晚（超过三年）。我想这对于仍在与IE11作战的人很有用）。

注意：已通过IE 11.1622.16299.0版进行测试

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

3 个答案: