IE8中的图像旋转

Question

我在IE 8中旋转图像时遇到问题，它在其他浏览器（Chrome，Mozilla，Firefox）中运行完美。

除了过滤器progid:DXImageTransform.Microsoft.Basic Image(rotation)之外，还有其他方法progid:DXImageTransform.Microsoft.Basic Image(rotation)因为在IE 8中使用此过滤器缩放图像时遇到了一些问题。

在垂直缩放级别之后，图像将重置为其正常旋转（角度0），然后该缩放级别一切都将变得完美，但是一旦发生这种情况，图像将在图像旋转的每个缩放级别上重置。 我认为这可能是过滤器问题。

如果有相同的好文章，然后请分享，这也会有所帮助。

Answer 1

transform属性为CSS3，IE8不支持该属性。 您唯一的选择是使用filter属性，或使用VML绘制矢量形状。

Answer 2

IE的旧filter样式臭名昭著。 谢天谢地，现在现代IE版本不再需要它了，这不再是一个问题。

是的，可以在较旧的IE版本中使用它们执行诸如旋转和渐变之类的操作，但是您必须小心了解它们是ActiveX控件，而不是浏览器的本机部分。

这意味着，他们有一定的局限性和怪癖，其中一些不能被周围的工作。 特别是，如果您尝试将它们与修改元素或元素周围布局的其他浏览器功能结合使用，则会遇到问题。

我从未尝试过将zoom与滤镜旋转结合使用，但这听起来像是经典功能无法一起正常使用的情况。 如果是这样，您可能只需要接受它就不能在旧的IE版本中工作。

也许您可以找到一种无需使用zoom即可完成所需操作的替代方法？ 如果这是一个文本元素，那么将font-size加倍也许可以解决问题？ 或者，如果是图像，则可以增加宽度和高度，并让浏览器为您缩放图像。

如果这些都不起作用，那么最终的解决方案可能只是为IE8用户提供一个稍微不太令人兴奋的网站版本，该版本的缩放和旋转效果不如其他浏览器那么大。