CSS Star Hack *

Question

IE9 +中有*缩放问题 这是什么解决方案？
Chrome和Firefox运行完美，但IE中的滑块不是。

CSS

    .bx-wrapper {
        position: relative;
        margin: 0 auto 60px;
        padding: 0;
        *zoom: 1;
    }

    .bx-wrapper img {
        max-width: 100%;
        display: block;
    }

Answer 1

如果我没有弄错的话，你称之为IE7及以下属性值的“Star hack”。只需使用普通缩放而不使用星号（*）。

但是我建议您不要使用zoom属性，因为它也会影响视口。
此外，缩放主要用于修复旧IE浏览器上的一些错误：What bug does zoom:1; fix in CSS?

相反，您想要使用transform: scale(x);。这不会影响视口，只会影响元素。

在IE 11上测试

Answer 2

实际上你根本不应该使用变焦。 最好使用Transform类。

div {
  -webkit-transform: value;
  -moz-transform:    value;
  -ms-transform:     value;
  -o-transform:      value;
  transform:         value;
}