Question

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

Answer 1

这是一个渲染错误，它使用透明度触发，使用bootstrap用于在聚焦控件周围放置蓝色光环的box-shadow属性。可以通过添加以下类覆盖来解决它。

.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;
}

与引导样式的主要区别在于Alpha通道设置为1（无透明度）。它与完全看起来不像透明度一样，但它不会触发错误。

透明度错误IE11

1 个答案: