透明度错误 IE11

Question

IE 11.0.9600.17690 更新 KB3032359 在某些计算机上显示不适当的透明区域以响应使用 bootstrap3 表单控件格式化的元素中的键盘输入 class。

Answer 1

这是一个渲染错误，由 bootstrap 使用带有框阴影属性的透明度在聚焦控件周围放置蓝色光晕而触发。可以通过添加以下 class 覆盖来解决。

.form-control:hover {
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,255,1);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,255,1);
  box-shadow: 0px 0px 4px 0px rgba(0,0,255,1);
  border-color: #888;
}

.form-control:focus {
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,255,1);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,255,1);
  box-shadow: 0px 0px 4px 0px rgba(0,0,255,1);
  border-color: dodgerblue;
}

与 bootstrap 样式的主要区别在于 Alpha 通道设置为 1（无透明度）。它看起来相当没有透明效果那么完美，但它不会触发错误。

透明度错误 IE11

Transparency bug IE11

twitter-bootstrap-3

transparency

internet-explorer-11