Question

首先，我想指出这只适用于IE7测试。我已经删除了所有的跨浏览器代码，以便更简单地查看正在发生的事情以及将所有CSS放在元素的样式属性中。我使用CSS属性zoom作为黑客来减少IE7中页面的大小。我知道使代码响应更好，但我不能为这个特定的项目。除闪光灯电影外，变焦按预期工作。代码如下：

<!DOCTYPE html>
<html>
<head>
   <title>Test Page</title>
</head>
<body style="zoom:0.75">
   <object id="movie" class="movieId_1" style="width: 364px; height: 337px; border: 1px solid #000; display:block;">
      <param name="movie" value="/path/to/flash/filename.swf">
      <param name="allowScriptAccess" value="always">
      <param name="wmode" value="transparent">
   </object>
</body>
</html>

对象元素出现在正确的位置（如边框所示），但其中的电影放置不正确。有没有人知道解决方法？如何定位对象内部电影的样式？

Answer 1

当wmode设置为透明时，这似乎是一个错误。似乎没有任何解决方法，除了没有将其设置为透明或使用过滤器选项而不是缩放：

filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.75,M12=0,M21=0,M22=0.75,SizingMethod='auto expand');

过滤器选项无法始终按预期工作，因此您需要进行试验，看看它是否适用于您的情况。

IE7缩放CSS导致flash影片移动

1 个答案: