IE9 过滤器阴影错误



在IE9中,输入不可见。是IE9错误吗?它是由滤镜阴影引起的。

input {
  width: auto;
  padding: 5px 10px;
  border-radius: 5px;
  border: none;
  background: #e75012;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
  text-shadow: 2px 1px 1px #000;
  filter: dropshadow(color=#000, offx=2, offy=1);
}

这给了我一个丑陋的混乱,使用:

filter:progid:DXImageTransform.Microsoft.dropshadow(color=#000, offx=2, offy=1);

有效,但是它在IE9中已折旧,而是您可以使用高级;

box-shadow: #000 2px 2px;

由于IE9不支持CSS3文本阴影,请检查此链接 实时示例:http://jsfiddle.net/dmM2S/

最新更新